Introduzione a JavaScript

JavaScript è un linguaggio di programmazione versatile e potente, utilizzato principalmente per lo sviluppo web. In questa guida, esploreremo le basi di JavaScript, dai concetti fondamentali ai primi passi nella scrittura del codice.

Cos'è JavaScript?

JavaScript è un linguaggio di scripting interpretato, comunemente utilizzato per creare effetti dinamici e interattivi sulle pagine web. È uno dei linguaggi fondamentali del web, insieme a HTML e CSS.

Incorporare JavaScript nel HTML

Puoi inserire il codice JavaScript direttamente in un documento HTML usando il tag <script>.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Esempio di JavaScript</title>
</head>
<body>
    <h1>Il mio primo script</h1>
    <script>
        alert('Ciao, mondo!');
    </script>
</body>
</html>

Variabili

Le variabili sono utilizzate per memorizzare dati. In JavaScript, puoi dichiarare una variabile usando var, let o const.

// Usando var
var nome = 'Mario';

// Usando let
let età = 25;

// Usando const
const paese = 'Italia';

Tipi di Dati

I tipi di dati in JavaScript includono:

Stringhe: Sequenze di caratteri, delimitate da apici singoli o doppi ('Ciao' o "Ciao").
Numeri: Valori numerici (42 o 3.14).
Booleani: Valori di verità (true o false).
Array: Liste ordinate di valori ([1, 2, 3]).
Oggetti: Collezioni di coppie chiave-valore ({nome: 'Mario', età: 25}).

Operatori

JavaScript supporta vari operatori per eseguire operazioni su variabili e valori:

Aritmetici: +, -, *, /, %
Assegnazione: =, +=, -=, *=, /=
Confronto: ==, ===, !=, !==, >, <
Logici: &&, ||, !

Funzioni

Le funzioni sono blocchi di codice che possono essere definiti una volta e riutilizzati più volte.

function saluta(nome) {
    return 'Ciao, ' + nome + '!';
}

console.log(saluta('Mario'));

Eventi

Gli eventi permettono di eseguire del codice in risposta a interazioni dell'utente, come clic, passaggi del mouse e altro.

<button onclick="mostraMessaggio()">Cliccami</button>

<script>
function mostraMessaggio() {
    alert('Hai cliccato il bottone!');
}
</script>

Condizioni

Le istruzioni condizionali vengono utilizzate per eseguire differenti blocchi di codice in base a certe condizioni.

let ora = new Date().getHours();

if (ora < 12) {
    console.log('Buongiorno!');
} else if (ora < 18) {
    console.log('Buon pomeriggio!');
} else {
    console.log('Buonasera!');
}

Cicli

I cicli permettono di eseguire ripetutamente un blocco di codice fino a che una condizione è soddisfatta.

Ciclo for

for (let i = 0; i < 5; i++) {
    console.log('Iterazione ' + i);
}

Ciclo while

let j = 0;
while (j < 5) {
    console.log('Iterazione ' + j);
    j++;
}

Manipolazione del DOM

JavaScript può essere utilizzato per manipolare il Document Object Model (DOM), che rappresenta la struttura di una pagina web.

Selezionare Elementi

let titolo = document.querySelector('h1');
console.log(titolo.textContent);

Modificare Elementi

let paragrafo = document.querySelector('p');
paragrafo.textContent = 'Testo modificato';

Conclusione

Questa guida ha coperto le basi di JavaScript, inclusi variabili, tipi di dati, operatori, funzioni, eventi, condizioni, cicli e manipolazione del DOM. Con queste conoscenze, sei pronto per iniziare a scrivere il tuo codice JavaScript e creare pagine web interattive. Buona programmazione!

HTMLFacile