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 ?