JavaScript 💬 Boîtes de dialogue – alert(), confirm() et prompt()

Partager sur email
Partager sur twitter
Partager sur linkedin
Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur facebook
Partager sur whatsapp
Partager sur email
Article les URL en JavaScript par @wpr0ck

JavaScript propose des boîtes de dialogue par défaut qui permettent d’interagir avec l’utilisateur. il en existe 3 types. Les alert() qui permettent d’afficher un message. Les confirm() qui permettent de récupérer une valeur booléenne et les prompt() qui permettent de récupérer une valeur textuelle.

Boîte de dialogue en JavaScript : alert()

La boîte de dialogue qui permet d’afficher un texte et un bouton « OK ».

alert("Message à afficher");
Alert JavaScript : Résultat de la fontion alert()

Boîte de dialogue en JavaScript : confirm()

La boîte de dialogue confirm() permet d’afficher un message et deux boutons : un bouton « OK » et un bouton « Annuler ». Cette fonction retourne une valeur booléenne qui vaut « true » si c’est le bouton OK qui est cliqué et retourne « false » si c’est le bouton « Annuler » qui est cliqué.

if ( confirm( "Message à afficher" ) ) {
    // Code à éxécuter si le l'utilisateur clique sur "OK"
} else {
    // Code à éxécuter si l'utilisateur clique sur "Annuler" 
}
Confirm JavaScript : Résultat de la fontion confirm()

Boîte de dialogue en JavaScript : prompt()

La boîte de dialogue prompt() permet d’afficher un message, un champ à remplir (imput de type texte) et un bouton « OK ». Cette fonction retourne la valeur qui a été entré dans le champ par l’utilisateur.

var valeur = prompt("Message à afficher");
Prompt JavaScript : Résultat de la fontion prompt()

Julien MA Jacob
Développeur WordPress
Julien MA Jacob - Développeur WordPress
Passionné par le web et la programmation avec toujours plein de projets en tête
  Discussion autour de l'article
S’abonner
Notifier de
guest
2 Commentaires
le plus populaire
le plus récent le plus ancien
Inline Feedbacks
View all comments
didjess

Excellent !

Fred

Bonjour,

Merci pour votre article. Est-ce possible de faire la même chose pour des pages ? Si Oui, quelles seraient les adaptations à faire dans votre code de départ ?