HTML como faço para criar um botão que mude a cor do fundo sem o css?

Ailton G · 15 de maio de 2022

olá, boa noite, estou tendo uma duvida sem fim em como criar um botão no HTML que mude a cor do fundo com um clique mas sem o CSS, ja pesquisei bastante porém só aparecem explicações que usam o CSS, por isso vim aqui, sou grato por qualquer ajuda

<>

MailingTester · 16 de maio de 2022

Olá! Mostre-nos o trecho do script onde o sr. define a cor de fundo sem css

Que eu escreverei uma sugestão de como mudar essa cor

Alexsander Gutierrez · 25 de junho de 2022

Olá Reishini, tudo bem?, então sem css não tem como mudar o estilo de uma página web, o que você pode fazer é colocar uma função nesse botão que ao ser clicado, ele seleciona um elemento do html e altere seu atributo style.backgroundColor para uma string que pode ser o nome da cor, um RGB, rgba, hsl, hsla, hex,

para isso você utiliza javascript para escrever a função e depois apenas precisa adicionar o nome da função no evento de onclick do botão assim:

<!DOCTYPE html>
<html>

<body>

<button onclick="toogle()" >toogle</button>

<div id="myContainer" style="padding:4rem;">
</div>

<script>
  function toogle() {
      document.getElementById("myContainer").style.backgroundColor = "red";
  }
</script>

</body>
</html>