Obiettivo della lezione
Aggiungere uno script esterno in modo ordinato, preferibilmente a fine body o con defer.
Spiegazione
JavaScript aggiunge comportamento alla pagina. Può filtrare elementi, aprire menu, validare moduli e creare interazioni. Per mantenere pulito il progetto, conviene usare file esterni.
Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.
Codice di esempio
Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.
<script src="assets/js/site.js" defer></script>
<button id="saluta">Cliccami</button>Errori comuni
- Inserire script prima degli elementi senza usare
defer. - Scrivere troppo codice inline negli attributi HTML.
- Confondere problemi JavaScript con problemi HTML.
Esercizio pratico
Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.
- Apri il tuo editor.
- Crea o aggiorna un file
.htmlo.asp. - Inserisci il codice della lezione.
- Modifica testi e attributi.
- Apri la pagina nel browser e controlla il risultato.
Lezioni collegate
Continua il laboratorio
Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.