Script to Dynamically Change Background Color

Script to Dynamically Change Background Color

Script to Dynamically Change Background Color

This JavaScript snippet automatically assigns a random background color to every element with the class bg-change.

It selects all matching elements, generates a new hexadecimal color for each, and applies it directly to the style, adding a dynamic and vibrant visual touch to the page. Ideal for creating eye-catching UI effects with just a few lines of code.

 

				
					
  // 1. Seleziona tutti gli elementi con la classe 'bg-change'
  const elements = document.querySelectorAll(".bg-change");
  
  // 2. Itera su ogni elemento trovato
  elements.forEach(element => {
    
    // 3. GENERA UN NUOVO COLORE CASUALE AD OGNI ITERAZIONE del ciclo
    const randomColor = "#" + Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0');
    
    // 4. Applica il nuovo colore all'elemento corrente
    element.style.backgroundColor = randomColor;
  });
Picture of Angelo Marra

Angelo Marra

Privacy Policy

Informativa sul trattamento dei dati personali ai sensi dell’Art. 13 del Regolamento (UE) 2016/679 (GDPR)

Data Ultimo Aggiornamento: 06/11/25

1. Identità e dati di contatto del Titolare del Trattamento

Titolare del trattamento dei dati personali è:

Angelo Marra
Indirizzo: Via Marcantonio Franceschini 10, 40128 Bologna (BO)
Partita IVA: IT04068171208
Codice Fiscale: MRRNGL80B13A509N
Email: angelo@marrisonlab.com
PEC: angelomarra80@pec.it

2. Dati trattati, Finalità e Base Giuridica

2.1. Dati Raccolti e Finalità (Modulo Contatti)

Dati Raccolti: Nome, Cognome, Indirizzo email, Messaggio e qualsiasi altro dato spontaneamente inserito dall’utente nel modulo.

Finalità: I Suoi Dati Personali sono trattati esclusivamente per rispondere alle Sue richieste di informazione, contatto, preventivo e/o per adempiere a misure precontrattuali adottate su Sua richiesta.

Base Giuridica: La base giuridica del trattamento è l’esecuzione di misure precontrattuali adottate su richiesta dello stesso (Art. 6.1, lett. b, GDPR).

2.2. Dati di Navigazione (Esplicativo)

I sistemi informatici acquisiscono dati (es. indirizzi IP) la cui trasmissione è implicita nell’uso dei protocolli di Internet. Tali dati sono utilizzati al solo fine di ricavare informazioni statistiche anonime e controllarne il corretto funzionamento. Si rimanda alla Cookie Policy per i dettagli sull’uso dei cookie.

3. Periodo di Conservazione dei Dati e Destinatari

Modalità del Trattamento: Il trattamento dei dati avviene mediante strumenti manuali, informatici e telematici.

Conservazione: I dati raccolti tramite il modulo di contatto sono conservati per il tempo strettamente necessario a evadere la Sua richiesta, salvo diversi obblighi di legge.

Destinatari: I Suoi dati non saranno diffusi. Potranno essere trattati da soggetti autorizzati (collaboratori) e da soggetti esterni (es. fornitori di servizi hosting) che agiscono come Responsabili del Trattamento, opportunamente nominati.

4. I Suoi Diritti (Art. 15-22 GDPR)

In qualità di Interessato, Lei ha il diritto di esercitare i seguenti diritti in qualsiasi momento:

  • Diritto di accesso (Art. 15)
  • Diritto di rettifica (Art. 16)
  • Diritto alla cancellazione (Diritto all’Oblio, Art. 17)
  • Diritto di limitazione di trattamento (Art. 18)
  • Diritto di opposizione al trattamento (Art. 21)
  • Diritto alla portabilità dei dati (Art. 20)

Per esercitare tali diritti, La preghiamo di contattare il Titolare all’indirizzo email angelo@marrisonlab.com o PEC angelomarra80@pec.it.

Inoltre, Lei ha il diritto di proporre reclamo all’Autorità di Controllo competente (Garante per la Protezione dei Dati Personali – www.garanteprivacy.it).