Output e Interazione |
|
---|---|
Comando | Descrizione |
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 |
|
---|---|
Comando | Descrizione |
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 |
|
---|---|
Comando | Descrizione |
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 |
|
---|---|
Comando | Descrizione |
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 |
|
---|---|
Comando | Descrizione |
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. |