gnu-gplv3 html-css-javascript pt-br ptbr

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.