Comment créer une alerte en JavaScript?

L'alerte en JavaScript affiche une boîte d'alerte avec un message spécifié et un bouton OK. Il est utilisé pour s'assurer que les informations parviennent à l'utilisateur.

Lorsque vous ouvrez un site Web, vous pouvez parfois voir des fenêtres contextuelles d'alerte. Ces boîtes d'alerte JavaScript sont utiles pour alerter les utilisateurs sur quelque chose d'important. Lorsqu'une boîte d'alerte JavaScript est déclenchée, une petite boîte apparaît et affiche le texte que vous spécifiez dans votre code. Dans cet article, nous verrons comment fonctionne l'alerte en JavaScript, dans l'ordre suivant:



Commençons.



Boîtes contextuelles en JavaScript

En JavaScript, vous pouvez trouver trois types de boîtes contextuelles:

  • Boîte d'alerte Une boîte d'alerte est principalement utilisée pour s'assurer que les informations parviennent à l'utilisateur. Lorsqu'une boîte d'alerte apparaît, vous devez cliquer sur «OK» pour continuer.



    différence entre la carte de hachage et la table de hachage
  • Confirmer la boîte Une boîte de confirmation est principalement utilisée pour Vérifier ou accepter quelque chose pour l'utilisateur. Lorsqu'une boîte de confirmation apparaît, l'utilisateur doit cliquer sur «OK» ou «Annuler» pour continuer. Si l'utilisateur clique sur «OK», la case renvoie vrai. Si l'utilisateur clique sur «Annuler», la case renvoie false.

  • Boîte d'invite Une boîte de dialogue est utilisée par l'utilisateur pour saisir une valeur avant d'entrer dans une page. Lorsqu'une boîte de dialogue apparaît, l'utilisateur doit cliquer sur «OK» ou «Annuler» pour continuer après avoir entré une valeur d'entrée. Si l'utilisateur clique sur «OK», la boîte renvoie la valeur d'entrée. Si l'utilisateur clique sur «Annuler», la boîte renvoie null.

Ce sont les différents types de boîtes contextuelles. Alors, allons dans le détail de la boîte d'alerte et voyons comment vous pouvez créer une boîte d'alerte en JavaScript.



Alerte en JavaScript

La alerte() méthode dans JavaScript affiche une boîte d'alerte avec un message spécifié et un bouton OK. Il est souvent utilisé pour s'assurer que les informations parviennent à l'utilisateur.

La boîte d'alerte éloigne le focus de la fenêtre actuelle et force le navigateur à lire le message. Vous devez donc éviter de surutiliser cette méthode, car elle empêche l'utilisateur d'accéder à d'autres parties de la page jusqu'à ce que la boîte soit fermée.

Syntaxe:

alerte (message)

Ici, le message est un type qui spécifie le texte à afficher dans la zone d'alerte, ou un objet converti en chaîne et affiché. C'est facultatif.

Exemple:

function myFunction () {alert ('Ceci est une alerte!')}

Production:

Boîte d

Comment créer une alerte en JavaScript?

La alerte() méthode en JavaScript affiche une boîte d'alerte. Il affiche un message spécifié avec un D'accord et est généralement utilisé pour s'assurer que l'utilisateur obtient les informations. Il renvoie une chaîne qui représente le texte à afficher dans la boîte d'alerte. Prenons un exemple et voyons comment créer une alerte en JavaScript:

Méthode Alert () en JavaScript h1 {color: Blue} h2 {font-family: Impact} body {text-align: center}

Alerte en JavaScript

Pour afficher le message d'alerte, cliquez sur le bouton 'Afficher le message d'alerte':

Afficher la fonction de message d'alerte myalert () {alert ('This is the Alert Message!')}

Production:

Après avoir double-cliqué sur le bouton, vous obtiendrez la sortie suivante:

quelle est la différence entre html et xml

Avec cela, nous sommes arrivés à la fin de notre article. J'espère que vous avez compris ce qu'est une alerte en JavaScript et comment vous pouvez créer une boîte d'alerte.

Découvrez notre qui vient avec une formation en direct animée par un instructeur et une expérience de projet réelle. Cette formation vous permet de maîtriser les compétences nécessaires pour travailler avec les technologies Web back-end et front-end. Il comprend une formation sur le développement Web, jQuery, Angular, NodeJS, ExpressJS et MongoDB.

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires du blog «Alerte en JavaScript» et nous vous recontacterons.