Este projeto é uma página feita com HTML, CSS e Javascript que contém uma série de botões coloridos para que a pessoa que está utilizando a aplicação possa alterar a cor de fundo da página.
Para rodar o projeto basta das dois cliques no arquivo index.html uma vez que a pasta do projeto esteja aberta no sistema de arquivos do seu sistema operacional.
Alternativamente, você também pode utilizar a extensão Live Server da IDE Visual Studio Code para rodar o projeto.
Para rodar este projeto execute os comandos abixo na pasta raiz do mesmo:
npm i
npm run dev
npm i
npm run serve
npm i
npm start
Será necessário ser previamente instalado na máquina:
- Node
- MySQL
Será necessário que um banco de dados no sistema X seja criado e preenchido com o código que está no arquivo Y.
Uma vez que a aplicação esteja rodando, você pode clicar nos círculos coloridos que são mostrados na página para alterar a cor de fundo da página. A cor será alterada de acordo com o botão que você pressionar.
- 5 botões com cores diferentes que alteram a cor de fundo da página
- Subtítulo que é atualizado conforme a cor atual da página
Na pasta raíz do projeto, existem três arquvivos de código:
- index.html -> contém o html da aplicação
- style.css -> copntém os estilos da aplicação
- script.js -> contém o código javascript da aplicação
Este projeto foi implementado com HTML, CSS e Javascript.
No javascript os botões definidos no HTML são capturados através de um getElementsByTagName e é adicionado um event listener a cada um desses botões.
Ao clicar em um botão, é disparado um evento que irá alterar a cor de fundo da página e o título de segunda importância será atualizado com o código da cor, que está armazenado em um array.
Não temos dependências no projeto.
Clique aqui para as ver as diretrizes de contribuição
Você pode contatar o Alan (mantenedor do projeto) em [email protected] ou entre em contato pelas redes sociais:
Feito com ☕ por Alan