← Dashboard

🎓 Ripasso DOM - Step by Step

Selettori, Manipolazione Testo, Eventi

Step 1️⃣ - Selettori CSS

Impara a selezionare elementi dal DOM usando querySelector

Esercizio 1.1: Seleziona per ID

Questo elemento ha un ID

Aspettando...

Esercizio 1.2: Seleziona per Classe

Sono blu

Anche io sono blu

Aspettando...

Esercizio 1.3: Seleziona per Tag

Sono uno span Sono un altro span

Aspettando...

Step 2️⃣ - Manipolazione Testo

Cambia il contenuto dei tag usando textContent

Esercizio 2.1: Cambia Testo in un Paragrafo

Clicca il bottone qui sotto per cambiarmi!

Aspettando...

Esercizio 2.2: Scrivi nel DOM

Aspettando...

Esercizio 2.3: Testo Dinamico

Aspettando...

Step 3️⃣ - Eventi

Rispondi ai click dell'utente e agli input

Esercizio 3.1: Click Semplice

Click: 0

Aspettando...

Esercizio 3.2: Input Event

Scrivi qualcosa e vedi il risultato in tempo reale:

Qui apparirà quello che scrivi...

Aspettando...

Esercizio 3.3: Click su Elemento Specifico

Box 1
Box 2
Box 3

Log click:

Aspettando...

Esercizio 3.4: Toggle Classe CSS (Bonus)

Clicca su di me per cambiarmi

Aspettando...