Berack/esercizi-web
1
0
Fork 0
Code Issues 1 Pull Requests Activity

Esercizio 8: fix

Browse Source
This commit is contained in:
Giacomo Bertolazzi
2026-02-03 19:07:27 +01:00
parent db80d0431c
commit 4c93abc7c0
8 changed files with 45 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
JS_Esercizi/JS_Esercizi 08 - DOM/esercizi/esercizi2/base.js
View File

@@ -5,6 +5,7 @@
* 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":
@@ -13,4 +14,3 @@
* 4. Fai lo stesso per il bottone "Attiva Verde" (luce passa da '#050' a '#0f0' o 'green').
*/
// Scrivi qui il tuo codice...

10
JS_Esercizi/JS_Esercizi 08 - DOM/esercizi/esercizi2/contatore.js
View File

@@ -5,14 +5,14 @@
* Creare un contatore che aumenta ogni volta che si preme un bottone.
*
* ISTRUZIONI:
* 0. Controlla se nel file HTML è incluso questo script.
* 1. Seleziona lo span che contiene il numero (id: 'contatore-valore') e i bottoni.
* 2. Crea una variabile let `conteggio` inizializzata a 0.
* 3. Al click su 'btn-incrementa':
* - Aumenta la variabile `conteggio` di 1.
* - Aggiorna il testo dello span con il nuovo valore.
* - Aumenta la variabile `conteggio` di 1.
* - Aggiorna il testo dello span con il nuovo valore.
* 4. Al click su 'btn-reset':
* - Riporta `conteggio` a 0.
* - Aggiorna il testo dello span.
* - Riporta `conteggio` a 0.
* - Aggiorna il testo dello span.
*/
// Scrivi qui il tuo codice...

8
JS_Esercizi/JS_Esercizi 08 - DOM/esercizi/esercizi2/debug.js
View File

@@ -6,15 +6,17 @@
* quando si preme il bottone. Ma non funziona o genera errore.
*
* TASK:
* 1. Apri la console e leggi l'errore quando clicchi il bottone.
* 2. Capisci perché `style` non funziona.
* 1. Apri il BROWSER esterno e leggi cosa mostra la console
* Se provi a cliccare il bottone dovrebbe apparire un messaggio di errore.
* 2. Capisci perché questo codice non funziona.
* Potrebbe essere un errore di selezione, di metodo, o di logica.
* 3. Correggi il codice.
*/
const bottone = document.getElementById('btn-colora-tutti');
const paragrafi = document.querySelectorAll('.testo-colorato');
bottone.addEventListener('click', function() {
bottone.addEventListener('click', () => {
paragrafi.style.color = 'blue';
console.log("Colorati!");
});