Aggiungere JavaScript alle pagine HTML

Corso JavaScript: Aggiungere Script alle pagine HTML
Corso JavaScript: Aggiungere Script alle pagine HTML

Inserire JavaScript all’interno del tag BODY

Possiamo inserire JavaScript in qualsiasi punto dell’HTML, il codice viene interpretato durante il caricamento quindi dobbiamo fare attenzione a non provare ad accedere ad elementi non ancora disponibili.

<!doctype html>
<html>
<head>
    <title>Corso di JavaScript</title>
<meta charset="UTF-8">
<body>
<h1>Corso di JavaScript per aspiranti web developer</h1>
<p id="primoParagrafo">
    Questa è una semplice pagina di esempio
    che utilizzeremo come base per imparare
    a utilizzare JavaScript.
</p>
<script>
    /// Provo a colorare il primo paragrafo.
    document.getElementById('primoParagrafo').style.color = 'pink';
    /// Provo a colorare il secondo paragrafo.
    document.getElementById('secondoParagrafo').style.color = 'brown';
</script>
<p id="secondoParagrafo">
    Questo è un altro paragrafo, si trova
    dopo il tag <i>script</i>.
</p>
</body>
</html>

Il risultato del codice HTML qui sopra corrisponderà a questa immagine:

Esempio di script all’interno di BODY.

Il primo paragrafo è di colore rosa perché il codice JavaScript ne ha modificato lo stile, il secondo paragrafo non è di colore marrone perché nel momento in cui lo script veniva eseguito quel paragrafo non esisteva ancora.

Questo articolo è parte della collana JavaScript: Guida di riferimento per aspiranti web developer.

Continua a leggere questa collana:

Potrebbero interessarti anche...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.