Concetti Chiave
- Le finestre di dialogo in JavaScript includono avvisi, conferme e input, ognuna con funzionalità uniche.
- Le finestre di avviso mostrano un messaggio personalizzato all'utente, utilizzando la sintassi window.alert().
- Le finestre di conferma presentano due opzioni, "conferma" e "annulla", e restituiscono un valore booleano in base alla scelta dell'utente.
- Le finestre di input (prompt) consentono all'utente di inserire testo, restituendo il valore solo se l'utente conferma.
- Ogni tipo di finestra di dialogo ha una sintassi specifica e viene utilizzato per interagire con l'utente in modi diversi.
In Javascript, le finestre di dialogo sono delle finestre, appunto, che appaiono all'interno della pagina web. Ne esistono di tre tipi:
Finestre di avviso
Con questo tipo è possibile creare delle finestre di avviso nelle quali viene inserito un messaggio personalizzato. Lo sono, ad esempio, quelle che ci danno il benvenuto su un sito web.
window.alert('messaggio'); oppure alert('messaggio');
Con questo tipo è possibile anche creare dei pop-up (tipo le pubblicità). Quello sotto è un esempio di un pop-up che appare quando viene cliccata un'immagine.
*qui va indicato l'url della pagina
*qui va indicato il titolo della pagina
Con questo tipo è possibile creare delle finestre identiche a quelle "alert", con la differenza che vengono visualizzati anche due bottoni: conferma e annulla.
var nomeVariabile=window.confirm('messaggio');
var valoreRestituito=window.confirm('clicca un tasto');
if(valoreRestituito==true)
{
alert('è stato premuto il tasto conferma');
}
else
{
alert('è stato premuto il tasto annulla');
}
Con questo tipo è possibile creare delle finestre che permettono all'utente di scrivere del testo. Se l'utente preme il tasto conferma viene restituito il testo da lui inserito.
var nomeVariabile=window.prompt('messaggio');
var eta=window.prompt('quanti anni hai?');
if(eta>=18 )
{
alert('sei maggiorenne');
}
else
{
alert('sei minorenne');
}
Domande da interrogazione
- Quali sono i tre tipi di finestre di dialogo in Javascript?
- Come si crea una finestra di conferma in Javascript?
- Qual è la funzione della finestra di input (prompt) in Javascript?
In Javascript esistono tre tipi di finestre di dialogo: finestre di avviso, finestre di conferma e finestre di input (prompt). Ognuna di esse ha una sintassi specifica e funzionalità diverse.
Per creare una finestra di conferma si utilizza la sintassi `var nomeVariabile=window.confirm('messaggio');`. Questa finestra mostra due bottoni, "conferma" e "annulla", e restituisce un valore booleano in base alla scelta dell'utente.
La finestra di input, o prompt, permette all'utente di inserire del testo. Si utilizza la sintassi `var nomeVariabile=window.prompt('messaggio');` e, se l'utente preme "conferma", il testo inserito viene restituito.