iurygdeoliveira / Web-development-classes

Repository aimed at building collaborative knowledge about web development, especially with the computer science students at Campus Araguaína - IFTO. However, anyone can contribute if they wish to do so.
4 stars 40 forks source link

25º Desafio - Incremente Counter - Peso 1 #30

Closed iurygdeoliveira closed 1 year ago

iurygdeoliveira commented 1 year ago

Contact Details

iury.oliveira@ifto.edu.br

Challenge Description

Olá, crianças inocentes! Vamos falar agora de um desafio super legal: criar um contador de inscritos para o canal do YouTube, outro para o Twitter e mais um para o facebook, tudo isso usando CSS, JS e HTML. E o melhor de tudo, sem usar frameworks prontos, hein?

Mas não se preocupem, que eu vou dar dicas valiosas para ajudar nessa empreitada. Para criar os contadores, vocês podem usar variáveis CSS para armazenar os valores e atualizá-los com JavaScript. Ah, e não se esqueçam de usar eventos para capturar as interações do usuário e atualizar os contadores em tempo real.

Lembrando sempre que o objetivo é aprender e se divertir, então não tenham medo de tentar coisas novas e experimentar diferentes abordagens para a solução do problema. Com um pouquinho de dedicação e criatividade, tenho certeza que vocês vão arrasar nesse desafio!

E lembrem-se: Vamos colocar a mão na massa e criar nossas próprias soluções incríveis! Exemplo:

https://user-images.githubusercontent.com/30157522/224489503-bb675d5c-9465-4bb3-b407-728d30d4ec6d.mp4

Additional tips

Dica de CSS: use display: flex para alinhar os elementos na tela e font-family para escolher a fonte dos números.

Dica de JS: use document.getElementById() para selecionar os elementos HTML dos contadores, e setInterval() para atualizar os valores a cada segundo.

Dica de ícones: utilizem a biblioteca font awesome, para gerar os ícones mais facilmente

apauloenzo commented 1 year ago

desafio25.zip Equipe: Flasco