Boites de dialogue et messages d'alerte en JavaScript

Les boites de dialogues sont des méthodes de l'objet window. On peut cependant les invoquer dans le code JavaScript sans référence explicte à window. Elles servent selon le type (alert, confirm, prompt) à afficher des messages ou obtenir une réponse de la part de l'utilisateur.

Alert: Afficher un message

window.alert("Hello");

ou juste, dans la fenêtre courante:

alert("Hello");

Démonstration

Code de la démonstration:

<form name="form1" >
    <input name="alert1" type="text" value="Hello">
     <input type="button" value="Envoyer" onclick="alert(document.form1.alert1.value)">
</form>

Confirm: Demander si oui ou non

var reponse = window.confirm("Oui ou non?"); 

Une valeur booléenne est retournée, true pour oui, false pour non.

Démonstration

Code de la démonstration:

<form name="form2" >
    <input name="confirm2" type="text" value="Oui ou non?">
     <input type="button"  value="Envoyer" onclick="confirm(document.form2.confirm1.value)">
</form>

Exemple pratique d'utilisation de la réponse:

var reponse = window.confirm("Votre choix?");
if(reponse)
{
   alert("Oui");
}
else
{
  alert("Non");
}

Prompt: Entrer un message

var reponse = window.prompt("Votre réponse?", "Réponse par défaut"); 

Démonstration

La valeur initiale par défaut est optionnelle. Cette méthode retourne la chaîne que l'utilisateur a entrée ou la valeur par défaut s'il clique sur OK sans rien taper.
S'il clique sur Annuler, la méthode retourne null.

Code de la démonstration:

<form name="form3" >
    <input name="prompt3" type="text" value="Votre réponse?">
    <input name="prompt4" type="text" value="Peut-être...">
    <input type="button"  value="Envoyer" onclick="alert(prompt(
            document.form3.prompt3.value, document.form3.prompt4.value)">
</form>

Exemple d'utilisation du texte entré par l'utilisateur:

var reponse = window.prompt("Votre réponse?", "Peut-être...");
if(reponse)
{
   alert(reponse);
}