JavaScript è un potente linguaggio di scripting che viene eseguito nel browser, permettendoci di manipolare il contenuto e il comportamento della pagina web. Se lo paragoniamo a una casa, JavaScript rappresenta la funzionalità dell'abitazione, includendo elementi come impianti elettrici, idraulica, domotica e riscaldamento centralizzato - in sostanza, tutto ciò che fornisce funzionalità.

Ecco come possiamo aggiungere JavaScript al documento HTML:

JavaScript Inline

Possiamo includere JavaScript direttamente all'interno del documento HTML utilizzando il tag <script>. Questo metodo è utile per aggiungere script rapidi e occasionali.

Esempio:

Fare clic sul pulsante Click Me qui sotto.

JavaScript Esterno

Per script più grandi o riutilizzabili, è preferibile inserire il JavaScript in un file separato e collegarlo alla pagina HTML.

Esempio

Assicurarsi di esaminare tutti e tre i file nell'esempio fornito.

Fondamenti di JavaScript

JavaScript consente di aggiungere interattività e comportamento dinamico alle pagine web. Di seguito alcuni concetti di base:

Variabili

Utilizzate per memorizzare dati.

let age = 30;
const name = "Peter";

Funzioni

Blocchi di codice riutilizzabili.

function greet() {
  alert('Hello, World!');
}

Manipolazione del DOM

Consente a JavaScript di modificare ciò che appare sulla pagina.

document.getElementById('myElement').innerHTML = 'New Content';

Istruzioni Condizionali

Esecuzione di codice diverso in base alle condizioni.

if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Video Tutorial