<script src="js/menu.js"></script>

Output e Interazione

ComandoDescrizione

console.log('Hello, world!');

Visualizza un messaggio nella console del browser.

alert('Messaggio di avviso');

Mostra un avviso tramite una finestra.

prompt('Inserisci qualcosa:');

Richiede all'utente di inserire un valore tramite una finestra.

confirm('Sei sicuro?');

Richiede all'utente di confermare un'azione tramite una finestra.

Gestione Documento

ComandoDescrizione

document.getElementById('id-dell-elemento');

Ottiene un elemento HTML dal documento utilizzando l'ID.

element.addEventListener('evento', funzione);

Aggiunge un ascoltatore per un determinato tipo di evento a un elemento HTML, permettendo l'esecuzione di una funzione quando si verifica l'evento.

setInterval(funzione, intervallo);

Esegue periodicamente una funzione con un intervallo di tempo.

setTimeout(funzione, ritardo);

Esegue una funzione dopo un certo tempo.

Gestione dei Dati

ComandoDescrizione

fetch('url')

Effettua una richiesta HTTP per ottenere risorse da un server.

JSON.parse(stringa_json);

Analizza una stringa JSON e la trasforma in un oggetto JavaScript.

JSON.stringify(oggetto);

Converte un oggetto JavaScript in una stringa JSON.

Gestione degli Array

ComandoDescrizione

array.forEach(funzione);

Applica una funzione a ciascun elemento di un array.

array.map(funzione);

Crea un nuovo array applicando una funzione a ogni elemento dell'array originale.

array.filter(funzione);

Crea un nuovo array contenente solo gli elementi che soddisfano determinati criteri.

array.reduce(funzione);

Riduce gli elementi di un array a un singolo valore tramite l'applicazione di una funzione.

Gestione degli Elementi HTML

ComandoDescrizione

document.querySelector('selettore');

Seleziona il primo elemento che corrisponde al selettore CSS specificato.

document.querySelectorAll('selettore');

Seleziona tutti gli elementi che corrispondono al selettore CSS specificato.

elemento.classList.add('classe');

Aggiunge una classe CSS all'elemento.

elemento.classList.remove('classe');

Rimuove una classe CSS dall'elemento.

elemento.classList.toggle('classe');

Aggiunge la classe CSS se assente, altrimenti la rimuove.

elemento.classList.contains('classe');

Verifica se l'elemento contiene la classe specificata.

document.createElement('tag');

Crea un nuovo elemento HTML con il tag specificato.