Collegare un file JavaScript a una pagina HTML

Capire dove scrivere il codice quando non si usa più solo la console.

In parole semplici

Per lavorare bene non scrivi tutto nella console. Crei un file .js e lo colleghi alla pagina HTML. Così il codice resta salvato e puoi modificarlo con calma.

Questa lezione fa parte del modulo Primi passi con JavaScript. L’obiettivo del modulo è: Capire cosa può fare JavaScript e scrivere i primi comandi senza dare nulla per scontato.

Parole nuove

file .js: file dedicato al codice JavaScript.
script: collegamento che dice alla pagina quale file JavaScript caricare.

Cosa impari

Capire il concetto senza partire da definizioni astratte.
Vedere un esempio piccolo che puoi copiare e modificare.
Collegare l’argomento al risultato del modulo: un piccolo calcolatore di prezzo eseguito in console.

Esempio da copiare

<!-- index.html -->
<h1>Prima pagina con JavaScript</h1>
<script src="./main.js"></script>

// main.js
console.log("Il file JavaScript è collegato");

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizio guidato

Crea una cartella nuova.
Dentro la cartella crea index.html e main.js.
Copia la parte HTML in index.html.
Copia la riga console.log in main.js.
Apri index.html nel browser e controlla la Console.

Controllo finale

Hai finito quando il messaggio del file main.js compare nella Console senza errori.