JavaScript é usado com os elementos HTML para criar aplicativos da Web interativos. Um script é adicionado com os elementos HTML para gerar mensagens pop-up, validação de formulários, menu suspenso, etc. JavaScript permite que os usuários alterem a cor de fundo dos elementos HTML. Esta ação pode ser associada ao evento de cliques do botão para fornecer a funcionalidade sempre que o usuário quiser.

Esta posta botão.

Como a cor do fundo muda clicando no botão JavaScript?

JavaScript atua como um catalisador com HTML e CSS para fornecer uma interface interativa para uma página da web. Esta seção demonstra o código JavaScript para transformar a cor do fundo depois de clicar em um botão.
A sintaxe para alterar a cor de fundo em JavaScript é a seguinte:

Sintaxe

documento.getElementById ('id').estilo.BackgroundColor = 'Color';

A sintaxe é descrita como:

• cor de fundo representa a propriedade para alterar a cor de fundo.
• getElementById Especifica que você lê e edita o elemento HTML específico.
• cor indica a cor definida pelo usuário para exibição.

Um exemplo é dado para converter a cor de fundo, pressionando/clicando no botão.

Código

Exemplo para alterar a cor de fundo com JavaScript

Bem -vindo ao JavaScript World

Pressione

O código é explicado aqui:

• A div do documento HTML para o cor de fundo tem uma largura e altura de 400px e 300px respectivamente.
• Depois disso, uma mensagem é exibida dizendo “Bem -vindo ao JavaScript World”Na seção especificada.
• Um botão HTML está anexado com uma tag de botão que está associada ao Função colorida () método.
• Usando este método, a cor é alterada após pressionar o “Pressione" botão.
• Depois que o evento de clique do botão é chamado, a cor muda para “laranja”.

Saia antes de clicar no botão:

Na saída, o verde está presente no fundo do texto “Bem -vindo ao JavaScript World”. Além disso, um botão HTML “Pressione" está ligado.

Saia depois de clicar no botão:

Quando o botão é pressionado, a cor verde muda para laranja como pode ser visto na imagem acima.

Conclusão

Em JavaScript, a cor do plano de fundo é alterada usando a propriedade embutida do objeto Data. Esta propriedade pode ser vinculada a um evento ONCLICK do botão. Ao clicar no botão, a cor do fundo será alterada. Aqui você aprendeu como o cor de fundo é alterado após clicar em um botão em JavaScript.