Metodo prompt() della finestra

Definizione e uso

prompt() Il metodo visualizza una finestra di dialogo che richiede all'utente di inserire.

Se l'utente clicca su "Conferma", prompt() Il metodo restituisce il valore di input, altrimenti restituisce null.

Attenzione

Se desideri che l'utente inserisca un valore, usa la finestra di dialogo.

Quando si visualizza la finestra di dialogo, l'utente deve cliccare su "Conferma" o "Annulla" per continuare.

Non utilizzare questo metodo in modo eccessivo. Blocca l'utente dall'accesso ad altre parti della pagina fino a quando non chiude la finestra.

Vedi anche:

Metodo alert()

Metodo confirm()

Esempio

Esempio 1

Suggerisci di inserire il nome utente e visualizza un messaggio:

let person = prompt("Inserisci il tuo nome", "Harry Potter");
if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hello " + person + "! Come stai oggi?";
}

Prova personalmente

Esempio 2

Suggerisci la tua bevanda preferita:

let text;
let favDrink = prompt("Qual è la tua bevanda preferita?");
switch(favDrink) {
  case "Coca-Cola":
    text = "Sceglienza fantastica! La Coca-Cola è benefica per il tuo spirito.";
    break;
  case "Pepsi":
    text = "La Pepsi è anche la mia bevanda preferita!";
    break;
  case "Sprite":
    text = "Veramente? Sei sicuro che la Sprite è la tua bevanda preferita?";
    break;
  default:
    text = "Non ho mai sentito parlare di quello!";
}

Prova personalmente

Sintassi

prompt(message, default)

Parametro

Parametro Descrizione
message Obbligatorio. Il testo da visualizzare nella finestra di dialogo.
default Opzionale. Testo di input predefinito.

Valore di ritorno

Tipo Descrizione
Stringa

Se l'utente clicca su "Conferma", restituirà il valore di input.

Se l'utente non inserisce alcuna stringa, restituirà una stringa vuota.

Altrimenti restituirà null.

Descrizione

prompt() Il metodo visualizzerà un messaggio specificato in un dialogo. messageQuesta finestra di dialogo contiene un campo di input di testo, un pulsante di conferma e un pulsante annulla, e l'aspetto grafico deciso dalla piattaforma spiega all'utente che deve inserire qualcosa.

Se l'utente clicca sul pulsante annulla,prompt() il metodo restituirà nullSe l'utente clicca sul pulsante di conferma,prompt() resterà il testo attualmente visualizzato nel campo di input.

da prompt() La finestra di dialogo visualizzata dal metodo è modale, il che significa che blocca tutti gli input dell'utente sulla finestra del browser fino a quando non clicca il pulsante di conferma o annulla. Poiché il valore restituito da questo metodo è determinato dalla risposta dell'utente, nella chiamata prompt() In questo caso, l'esecuzione del codice JavaScript verrà sospesa. Non verrà eseguita la prossima istruzione fino a che l'utente non risponderà.

Supporto dei browser

Tutti i browser supportano prompt():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto Supporto