Projeto de estudo de manipulação do DOM com Javascript pela Alura.
Projeto hospedado no Vercel: Robotron
Tecnologias | Projeto | Licença
Esse projeto foi desenvolvido com vanilla Javascript
Projeto de estudo de manipulação do DOM com Javascript
Durante o curso, foram implementados scripts para garantir que os botões ajustassem os stats do robô de forma dinâmica.
Foi trabalhado a manipulação de data attributes, além da atualização do display por meio da manipulação de listas de objetos.
Como desafio final ao aluno, foi pedido que se implementasse um modo de alterar as cores do robô dinamicamente.
A minha solução foi, em primeiro lugar, criar uma lista de objetos contendo o caminho para as diferentes imagens do robô.
Em seguida, criei um botão de alteração de cores, que, ao clicado, manipularia um contador que vai de 0 a 5 (com uma condição para resetar o contador ao se ultrapassar o número 5).
O contador faz referência ao índice de objetos da lista, de modo que, a cada clique, o atributo source da imagem do robô será sobrescrito, carregando uma imagem diferente.
Basta clicar nos botões e ajustar os atributos do robô. Tente otimizar seu design e não ter nenhum atributo negativo.
O botão "Iniciar produção" é apenas um placeholder, servindo para recarregar a página.
## 🚀 memo: Licença
Esse projeto está sob a licença MIT.
Feito por Victor Bussiki 🌐 LinkedIn.