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

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 ?