domandeTPSIT5.md

Variabili, array, DOM, eventi, funzioni, programmazione asincrona e async/await.
I quesiti sono pensati per testare sia la comprensione teorica che la capacità pratica, proprio come in una verifica scritta del corso TPSIT.

---

📝 10 Quesiti di JavaScript – Corso TPSIT Classe 5E

---

Quesito 1: Variabili e ambito

Qual è la differenza tra let, const e var in JavaScript?
Spiega brevemente in che ambito (scope) operano e fai un esempio in cui l’uso di var porta a un comportamento diverso rispetto a let.

---

Quesito 2: Array e metodi

Dato il seguente array:

let numeri = [3, 7, 1, 9, 4];

Scrivi il codice per:

1. Aggiungere il numero 6 alla fine dell’array.
2. Sostituire il valore in posizione 2 con 10.
3. Stampare in console ogni numero moltiplicato per 2, usando un ciclo for.

---

Quesito 3: Funzioni

Scrivi una funzione chiamata calcolaAreaCerchio che accetta un parametro raggio e restituisce l’area del cerchio (usa Math.PI).
Poi invoca la funzione con raggio 5 e stampa il risultato.

---

Quesito 4: Accesso al DOM

Supponiamo di avere questo elemento HTML:

<h1 id="titolo">Titolo iniziale</h1>

Scrivi il codice JavaScript per selezionare l’elemento con id="titolo" e cambiare il suo testo in "Benvenuti alla verifica!".

---

Quesito 5: Eventi e pulsanti

Hai un bottone con id="btn":

<button id="btn">Cliccami</button>

Scrivi il codice JavaScript che, al clic del bottone, mostra un alert con il messaggio "Pulsante premuto!", usando addEventListener.

---

Quesito 6: Funzioni asincrone

Spiega in breve cosa fa la parola chiave async quando è usata prima di una funzione.
Cosa succede se provi a usare await all’interno di una funzione che non è dichiarata async?

---

Quesito 7: Uso di await e Promise

Cosa stampa in console il seguente codice? Spiega l’ordine.

console.log("A");
await new Promise(risolve => setTimeout(risolve, 1000));
console.log("B");

---

Quesito 8: Simulazione di caricamento

Scrivi una funzione async chiamata caricaUtente che:

1. Stampa "Caricamento utente..."
2. Attende 3 secondi (simulando una chiamata al server)
3. Stampa "Utente caricato!"

Esegui la funzione.

---

Quesito 9: DOM + Eventi + Async

Dato il seguente HTML:

<button id="load">Carica profilo</button>
<p id="status"></p>

Scrivi il codice JavaScript che:

• Al clic del bottone, imposta il testo di #status a "Caricamento..."
• Dopo 2 secondi, imposta il testo a "Profilo caricato!"
• Usa una funzione async e await.

---

Quesito 10: Analisi del codice

Osserva il seguente codice:

const btn = document.getElementById("pulsante");
btn.addEventListener("click", function() {
    console.log("Inizio");
    await new Promise(r => setTimeout(r, 2000));
    console.log("Fine");
});

Il codice funziona? Se no, perché? Come lo correggeresti?