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.
Atenção, crianças inocentes! Criemos um desafio para matar a sede! Neste desafio de programação, vocês deverão usar suas habilidades em css, js e html para criar um Drink Water super legal. Vocês precisam criar recipientes menores que, ao serem clicados, devem encher um recipiente maior conforme o volume do recipiente menor. E aí, quem topa o desafio?
Lembre-se de não utilizar frameworks prontos, pois o objetivo aqui é desenvolver suas próprias habilidades em programação.
Para ajudar vocês, aqui vão algumas dicas de comandos que podem ser utilizados no css e js:
Para o css, vocês podem utilizar as propriedades "height" e "background-color" para estilizar os recipientes.
No js, vocês vão precisar utilizar eventos de clique ("click") para detectar quando um dos recipientes menores foi clicado, e em seguida, atualizar o volume do recipiente maior.
Contact Details
iury.oliveira@ifto.edu.br
Challenge Description
Atenção, crianças inocentes! Criemos um desafio para matar a sede! Neste desafio de programação, vocês deverão usar suas habilidades em css, js e html para criar um Drink Water super legal. Vocês precisam criar recipientes menores que, ao serem clicados, devem encher um recipiente maior conforme o volume do recipiente menor. E aí, quem topa o desafio?
Lembre-se de não utilizar frameworks prontos, pois o objetivo aqui é desenvolver suas próprias habilidades em programação.
Então, mãos à obra e matamos essa sede juntos!
Código HTML:
Exemplo
Additional tips
Para ajudar vocês, aqui vão algumas dicas de comandos que podem ser utilizados no css e js:
Para o css, vocês podem utilizar as propriedades "height" e "background-color" para estilizar os recipientes. No js, vocês vão precisar utilizar eventos de clique ("click") para detectar quando um dos recipientes menores foi clicado, e em seguida, atualizar o volume do recipiente maior.