Cambio colore sfondo al click

Cosina · 16 Nov 2020

Buongiorno a tutti. Ho questo codice che cambia il colore di background del body e il colore del testo cliccando su un qualunque punto della pagina. Vorrei fare in modo di resettare tutto e tornare ai colori originari cliccando una seconda volta. Come devo modificare il codice? Grazie per l'aiuto

Codice:

<body>

<p>Page content</p>

<script>
window.onclick = myFunction;
function myFunction() {
 document.getElementsByTagName("BODY")[0].style.backgroundColor = "lime"; //background color
document.getElementsByTagName("BODY")[0].style.color = "red"; //text color
};
</script>

</body>

WmbertSea · 16 Nov 2020

Ciao, più che impostare i vari attributi style in quel modo, ti consiglierei di usare una classe da applicare al body, quindi eseguire un toggle su quella.

Semplice esempio:

Codice:

<!DOCTYPE HTML>
<html lang="it">
  <head>
    <title>Esempio</title>
    <style>
      .changecolor {
        background-color: lime;
        color: red;
      }
    </style>
  </head>
  <body>
    <p>Page content</p>
    <script>
      window.onclick = function(){
        document.getElementsByTagName("BODY")[0].classList.toggle("changecolor");
      };
    </script>
  </body>
</html>

Prova e fai sapere

Cosina · 16 Nov 2020

È perfetto. Grazie mille, gentilissimo WmbertSea. Buona serata a tutti

Cerca

Cerca

Cambio colore sfondo al click

Cosina

Utente Attivo

WmbertSea

Moderatore

Cosina

Utente Attivo

Discussioni simili