Cambio colore sfondo al click

Cosina

Utente Attivo
27 Dic 2016
101
0
16
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

Moderatore
Membro dello Staff
MOD
28 Nov 2014
432
73
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
101
0
16
È perfetto. Grazie mille, gentilissimo WmbertSea. Buona serata a tutti :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
M tabelle:cambio del colore di sfondo al passaggio del mouse HTML e CSS 15
F Cambio colore immagine Photoshop 2
I cambio colore in base alla scelta nel form select PHP 6
C Gestione cambio colore dei link con css Javascript 1
E Cambio colore cella in base all'orario Javascript 8
Wox Cambio colore tabella dinamica Classic ASP 7
R Cambio Colore ASP Classic ASP 3
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
N cambio icona meteo giorno/notte PHP 2
L input (rilevare cambio dati) PHP 3
T cambio versione PHP e... panico!! PHP 4
S Scontorno, cambio sfondo, alone Photoshop 1
G Cambio server dubbio ns Server Dedicati e VPS 3
mferri Collegamento con xampp non funziona più da cambio di operatore. Web Server 2
A [PHP] ERRORE QUANDO CAMBIO SLUG NEL CMS e REWRITE PHP 6
bubino8 Cambio puntamento IP di un dominio Mac e Software 0
A Cambio password utente DB Database 0
M Non perdere l'indicizzazione con cambio di cms ecommerce SEO e Posizionamento 1
C [Javascript] cambio dinamico riferimento elemento html Javascript 2
A [PHP] Cambio immagini con orario PHP 1
W Problema con cambio colorazione codice su Dreamweaver CC 2017 Windows e Software 0
bubino8 [WordPress] Trasferimento Sito con cambio Dominio(url) WordPress 6
G [Javascript] Intercettare cambio applicazione Javascript 0
M [Java] Cambio valore variabile ignorata Java 1
A Modifiche a CSS recepite solo dopo cambio nome cartella HTML e CSS 2
F PHP cambio contenuto PHP 4
giannit [PHP] Cambio url su menu css PHP 15
D cambio il dominio per mettere keyword dentro? SEO e Posizionamento 8
R PROBLEMA INVIO EMAIL AL CAMBIO DI STATO ORDINE E-Commerce 1
F Aggiornare marker su mappa google con una funzione ajax richiamata al cambio di una select Ajax 2
O cambio destinazione pulsante indietro del browser. HTML e CSS 0
felino Trasferimento dominio per cambio fornitore hosting Domini 3
felino [Slider Revolution] Cambio slide con click del mouse WordPress 0
J Mostrare mese intero (come cambio il codice?!) Java 1
S Cambio di Hosting Hosting 1
B Cambio webserver accesso a siti esterni Apache 0
X Intercettare cambio valore radio jQuery 1
C inserimento o eliminazione record mysql senza cambio pagina Ajax 9
PianetaAndroid Cambio Nickname Supporto Mr.Webmaster 3
S problema cambio pasw dal server Web Server 1
K Cambio indirizzo dominio e reindirizzamento 301 Domini 1
L Sito con doppia lingua. Gestire il cambio PHP 4
N Cambio Dominio Domini 4
felino Widget e cambio dominio Domini 4
F passaggio valori + cambio type Javascript 1
F E' possibile far comparire una scritta in un div al cambio di un valore di un form text??? Javascript 2
P Cambio tema; non si vedono più le immagini WordPress 4
simonetta619 cambio nick Supporto Mr.Webmaster 6
D Musica con bottone che non si interrompe al cambio pagina. Javascript 1
D Cambio funzioni mouse in calendario Javascript Javascript 1

Discussioni simili