Window prompt() Methode

Definitie en gebruik

prompt() De methode toont een dialoogvenster aan dat de gebruiker om invoer vraagt.

Als de gebruiker op 'Bevestigen' klikt, dan prompt() De methode retourneert de ingevoerde waarde, anders retourneert null.

Let op:

Gebruik een dialoogvenster om een waarde van de gebruiker in te voeren.

Bij het weergeven van een dialoogvenster moet de gebruiker op 'Bevestigen' of 'Annuleren' klikken om verder te gaan.

Gebruik deze methode niet te vaak. Het blokkeert de toegang van de gebruiker tot andere delen van de pagina totdat het venster is gesloten.

Zie ook:

alert() methode

confirm() methode

Voorbeeld

Voorbeeld 1

Vraag de gebruiker om een naam in te voeren en geef een bericht weer:

let person = prompt("Voer uw naam in", "Harry Potter");
if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hallo " + person + "! Hoe gaat het met je vandaag?";
}

Probeer het zelf uit

Voorbeeld 2

Vraag hem zijn favoriete drank te vermelden:

let text;
let favDrink = prompt("Wat is je favoriete drank?");
switch(favDrink) {
  case "Coca-Cola":
    text = "Een geweldige keuze! Coca-Cola is goed voor je ziel.";
    break;
  case "Pepsi":
    text = "Pepsi is ook mijn favoriet!";
    break;
  case "Sprite":
    text = "Is dat echt? Ben je zeker dat Sprite je favoriete drank is?";
    break;
  default:
    text = "Ik heb nooit van dat gehoord!";
}

Probeer het zelf uit

syntaxis

prompt(bericht, default)

parameter

parameter beschrijving
bericht verplicht. De tekst die moet worden weergegeven in het dialoogvenster.
default optioneel. Standaard invoertekst.

terugkeerwaarde

type beschrijving
tekenreeks

Als de gebruiker op 'Bevestigen' klikt, wordt de ingevoerde waarde geretourneerd.

Als de gebruiker geen enkele tekenreeks invoert, wordt een lege tekenreeks geretourneerd.

anders retourneert null.

omschrijving

prompt() de methode zal een dialoogvenster weergeven met de opgegeven boodschap berichtbevat deze dialoogbox een tekstinvoerveld, een knop Bevestigen en een knop Annuleren, waarbij de grafische elementen van het platform de gebruiker informeren over de vereiste invoer.

als de gebruiker op de knop Annuleren klikt,prompt() de methode zal null. Als de gebruiker op de knop Bevestigen klikt,prompt() zal de huidige tekst van het invoerveld weergeven dat wordt weergegeven.

door prompt() Het dialoogvenster dat de methode weergeeft, is modaal, wat betekent dat het de invoer van de gebruiker naar het browservenster blokkeert totdat de gebruiker op de knop Bevestigen of Annuleren klikt om het te sluiten. Omdat de waarde die deze methode retourneert wordt bepaald door de reactie van de gebruiker, wordt deze methode aangeroepen prompt() at this time, the execution of JavaScript code will be paused. The next statement will not be executed until the user responds.

Browser support

All browsers support prompt():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support