Gif.pagina.inicial.Feito.com.o.Clipchamp.mp4
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.
-
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.
Basta clicar no botão Trocar cor e a cor do background sera alterada, também o nome da cor sera exibido.
- Botão que altera a cor do background da pagina.
- Area que exibe o nome da cor em hexadecimal.
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
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.
Não temos dependências no projeto.
Tags tecnologias(Badges4-README.md-Profile)
clique aqui para ver as diretrizes de contribuição.
Nil - Mantenedor do projeto
Você pode contatar Nil (mantenedor do projeto) no email: m.nil@live.com
Feito com 🪄 por Nil