SKIP TO CONTENT
GENERAL TRACK

Rendere le cose interattive

Aggiungi pulsanti, contatori e comportamenti dinamici alle tue pagine usando JavaScript.

1Cos'è JavaScript?

Finora, le tue pagine sono state statiche — mostrano contenuti ma nulla cambia quando interagisci con esse. JavaScript è ciò che dà vita alle pagine. È il «cervello» che ascolta i clic, aggiorna il testo, nasconde e mostra elementi, e reagisce a ciò che fa l'utente.

I tre linguaggi del web

HTML

Lo scheletro — quale contenuto appare sulla pagina

CSS

L'aspetto — come appare il contenuto (colori, spaziature, font)

JavaScript

Il cervello — come si comporta la pagina e reagisce agli utenti

Quando programmi funzioni interattive con l'IA, essa combina tutti e tre. La tua istruzione potrebbe essere «aggiungi un pulsante che conta i clic» e l'IA scrive l'HTML (il pulsante), il CSS (come appare) e il JavaScript (cosa succede al clic) tutto in una volta.

Your guide

2Istruzione: "Aggiungi un pulsante che conta i clic"

3Personalizza il contatore

4Istruzione: "Aggiungi un interruttore per la modalità scura"

5Sfida: Costruisci una lista di cose da fare interattiva