Cambio colore sfondo al click

Cosina

Utente Attivo
27 Dic 2016
79
0
6
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

Utente Attivo
28 Nov 2014
194
30
28
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 :)
 
  • Like
Reactions: Cosina

Cosina

Utente Attivo
27 Dic 2016
79
0
6
È perfetto. Grazie mille, gentilissimo WmbertSea. Buona serata a tutti :)