Javascript Project: Gerador de cores hexágicas aleatórias
recipiente. O título é definido como Colorflipper. CSS estilizando corpo de altura total sem margem. Flexbox (Display: Flex; Justify-Content: Center; Align-Items: Center;) para centralizar o botão. Botão estilizado com preenchimento, tamanho de fonte, radiato de fronteira, fundo e ponteiro pairar. DOM Seleção selecionou o botão usando document.QuerySelector (‘Botão’). O ouvinte de Event-tachou um ouvinte de evento de clique: btn.addeventlistener (‘clique’, colorchanging); Digite o modo de saída do modo de tela cheia -então, sempre que o botão é clicado, as cores de fundo mudam. Color Arraycreated uma matriz de dígitos hexadecimais: Let Color =[0,1,2,3,4,5,6,7,8,9,”A”,”B”,”C”,”D”,”E”,”F”]; Este é o bloco de construção para gerar códigos de cores hexadecimal. A função do gerador aleatório escreveu uma função auxiliar aleatória () que: usa math.random () para gerar um número aleatório. Multiplica -o pelo comprimento da matriz. Usa Math.Floor () para arredondá -lo para um número inteiro. Retorna um item aleatório da matriz. Código hexadecimal CreationIn colorChanging () Função: Iniciado com let hexa = “#”. Utilizou um loop para executar 6 vezes (já que um código hexadecimal tem 6 caracteres). Anexado 6 valores aleatórios da matriz de cores para formar algo como #3A5F9C. Aplique novo ColorSet O fundo do corpo no novo Código HEX: Document.QuerySelector (‘Body’). Style.BackgroundColor = Hexa; !!……É isso! Acabamos de construir uma fria de cor JavaScript simples, mas legal, usando DOM, eventos e aleatoriedade ….. !! obrigado pela leitura, e voltarei com outro projeto Javascript divertido. Veja você em breve!
Fonte
