gnilfm / altera-cor-backgrond

Aplicação em HTML, CSS e Javascript para trocar o background da página

Altera cor do backgrond

Gif.pagina.inicial.Feito.com.o.Clipchamp.mp4

🤔 O que é este projeto

Este é um projeto simples, uma página feita com HTML, CSS, e javaScript que contem um texto e um boão e ao clicar nesse botão a cor do backgrond da página sera alterada aleatoriamente e sera exibio o nome da cor em hexadecimal.

💻 Como rodar este projeto

• Para rodar o projeto basta navegar ate o diretorio onde seu arquivo esta salvo no sistema operacional abrir o diretotrio e localizar o arquivo index.html clicar sobre ele e o projeto sera aberto em seu navegador

• Alternativamente utilizar a extensação Live Server da IDE Visual studio code clicar com o botao direito do mouse e selecionar a opção open whit live server e o projeto sera aberto em seu navegador.

🕹️ Como usar este projeto

Basta clicar no botão Trocar cor e a cor do background sera alterada, também o nome da cor sera exibido.

⚙️ Tecnologias usadas no projeto

🗒️ Features do projeto

• Botão que altera a cor do background da pagina.
• Area que exibe o nome da cor em hexadecimal.

📁 Como o projeto esta organizado

Na pasta raiz do projeto existem 3 aquivos de código:

• index.html -> contém o html da aplicação
• style.css -> Contém os estilos da aplicação
• script.js -> Contém o codigo de JavaScript da aplicação

🧑‍💻 Como este projeto foi implementado

Ao clicar no botão, é disparado um evento que ira chamar uma função que vai alterar a cor de fundo da pagia e axibir o nome daquela cor em hexadecimal.

No JavaScript o botão definido em HTML e tem um evento onclick que recebe uma função trocarCorFundo(), essa funcao recebe outra funcao getRandomColor() que gera cores aleatorias e retorna uma cor.

🌟 Dependências

Não temos dependências no projeto.

💎 Links Úteis

Tags tecnologias(Badges4-README.md-Profile)

emoji-cheat-sheet

Shields.io

pretty-readme-badges

🤝 Como cotribuir com o projeto

clique aqui para ver as diretrizes de contribuição.

👨‍💻 Pessoas que contribuiram com o projeto

Nil - Mantenedor do projeto

🆘 Preicsa de ajuda?

Você pode contatar Nil (mantenedor do projeto) no email: [email protected]

---

Feito com 🪄 por Nil