Robotron 2000

📝 Descrição do projeto

Página do jogo Robotron 2000! Seu objetivo é criar um robô de poder 300 para defender a terra! Página criada como estudo de caso para prática de JavaScript do curso "JavaScript: Manipulando o DOM" da Alura (links abaixo). A ideia aqui era praticar o uso do JavaScript, então, a escola forneceu os arquivos HTML e CSS. Foram necessárias algumas alterações em ambos, como exemplo a inserção de data-atributes no HTML para manipulação usando o JS, dependendo da sua necessidade. A prática em sí foi criar toda a lógica de soma dos atributos Força, Poder, Energia e Velocidade com base nos valores somados ou subtraídos por cada peça.

Ao final do curso, foi deixado o desafio de incluir a funcionalidade de mudança de cor a gosto do usuário. Foram disponibilizadas 05 artes pela Alura. Essa implementação fiz criando uma nova seção no HTML com 05 botões de input, um para cada opção de cor, já aplicando a mesma estética do botão "Produção" e efeitos de hover no CSS. Para essa seção usei o Flexbox. A lógica para troca das imagens no HTML foi feita no JS usando eventListeners.

Foi muito bom ter feito este curso, uma vez que reconheço que preciso praticar muito o meu JS. Este é só o primeiro de oito cursos que farei durante a formação JavaScript para Web. Aqui Consegui desenvolver bastante minhas habilidades e fazer com que o jogo rodasse com toda a lógica redondinha!

🔗 Acesse o projeto

📚 Página do curso "JavaScript: Manipulando o DOM"

🛠️ Tecnologias utilizadas

• HTML5
• CSS3
• JavaScript

✍🏻 Autor

_{Hyan Nascimento Guimarães}