Boîtes contextuelles en javascript
Il existe trois boîtes contextuelles différentes disponibles dans JavaScript; Alerte, invite et confirmer la boîte et nous explorerons chacune des boîtes contextuelles de cet article.
Quelle est la boîte à alerte?
La boîte d'alerte est une boîte illustrée en haut au centre de la fenêtre du navigateur et il est principalement utilisé pour montrer les avertissements à l'utilisateur. D'autres parties du programme cesseraient d'exécuter à moins que l'utilisateur ne ferme la boîte d'alerte. Pour fermer la boîte contextuelle d'alerte, cliquez simplement sur le bouton OK présent dans la boîte d'alerte. Le syntaxe pour le boîtier d'alerte est:
alerte ("avertissement");Voyons un exemple où nous affichons un Bonjour! Message dans la boîte d'alerte. Le code JavaScript est présent ci-dessous:
Dans le code ci-dessus, nous avons défini un bouton et initialisé un sur clic événement dessus, ce qui signifie chaque fois que l'utilisateur clique sur le Cliquez sur moi bouton, myfunc () exécutera. Après l'initialisation de la balise de bouton, nous avons initialisé la balise de script dans laquelle tout notre code JavaScript sera présent. À l'intérieur des balises de script, nous avons défini une fonction et à l'intérieur de la fonction, nous avons montré une alerte lui donnant le message de Bonjour! La sortie du code ci-dessus est illustrée ci-dessous:
Nous pouvons voir que lorsque l'utilisateur clique sur le bouton, le Bonjour! alerte s'est présentée.
Quelle est la boîte d'invite?
La boîte d'invite est principalement utilisée pour obtenir les entrées d'un utilisateur et apparaît en haut au centre du navigateur lors de l'invoque lorsqu'il est invoqué. Les données d'entrée sont également disponibles après la fermeture de la boîte d'invite et si vous laissez le champ de saisie dans la boîte d'invite vide, il renverra une valeur nul. La syntaxe de la boîte d'invite est:
invite ("Message rapide ici");Passons un exemple pour mieux comprendre la boîte d'invite.
Dans le code ci-dessus, nous prenons une entrée en utilisant la boîte d'invite et en l'enregistrant au nom de la variable. Une fois le nom enregistré, nous enregistrons le nom d'utilisateur qui a été entré. La sortie du code ci-dessus est ci-dessous:
Nous verrons le nom sur la fenêtre de la console maintenant:
Qu'est-ce qu'une boîte de confirmation?
Le troisième et dernier type de coffret contextuel que JavaScript nous propose est la boîte de confirmation dont la fonction consiste à obtenir l'autorisation ou l'autorisation de l'utilisateur. Si l'utilisateur donne la permission, il doit cliquer sur le bouton OK, sinon il doit cliquer sur le bouton Annuler. Le syntaxe pour la boîte de confirmation est:
Confirmer ("l'autorisation va ici");Maintenant, passons un exemple de la boîte de confirmation.
Dans le code ci-dessus, à l'intérieur de la fonction, nous vérifions si l'utilisateur a cliqué sur le "d'accord" bouton ou le bouton Annuler. Si l'utilisateur clique sur le D'ACCORD bouton alors nous verrons "Ok pressé!" Dans le journal de la console autrement, nous verrons "Annuler!" Dans le journal de la console.
Voyons la sortie dans le journal de la console lorsque nous cliquons sur le bouton OK de la case Confirmer:
Voyons maintenant la sortie lorsque nous cliquons sur le bouton Annuler dans le journal de la console:
La console montre la sortie suivante:
Conclusion
JavaScript nous propose trois types de boîtes contextuelles qui sont utilisées pour afficher un message, un avertissement ou une notification à un utilisateur utilisant notre application Web ou notre page Web. Les trois boîtes contextuelles sont; Alerte, invite et confirmer la boîte. La boîte contextuelle d'alerte est utilisée pour afficher un avertissement à un utilisateur tandis que la boîte contextuelle invite est utilisée pour prendre les commentaires de l'utilisateur et la boîte de confirmation finale est utilisée pour prendre la permission d'un utilisateur.
Dans cet article, nous avons discuté des trois boîtes contextuelles en JavaScript avec leur implémentation et leurs captures d'écran de la sortie en JavaScript.