Files
esercizi-web/javascript/08_DOM/esercizi/esercizi2/base.js
2026-02-12 18:36:35 +01:00

17 lines
733 B
JavaScript

/**
* Esercizio Intermedio 1: Il Semaforo (Manipolazione Stili e Classi)
*
* OBIETTIVO:
* Simulare l'accensione delle luci di un semaforo modificando il colore di sfondo.
*
* ISTRUZIONI:
* 0. Controlla se nel file HTML è incluso questo script.
* 1. Seleziona i tre div delle luci (id: 'luce-rossa', 'luce-gialla', 'luce-verde').
* 2. Seleziona i due bottoni (id: 'btn-attiva-rosso', 'btn-attiva-verde').
* 3. Aggiungi un event listener al bottone "Attiva Rosso":
* - Deve cambiare il background della luce rossa da '#500' a '#f00' (o 'red').
* - Deve spegnere le altre luci (impostando il background a '#550' o '#050').
* 4. Fai lo stesso per il bottone "Attiva Verde" (luce passa da '#050' a '#0f0' o 'green').
*/