Comment créer une boîte d'entrée en javascript?
Lorsque vous devez gérer les données de l'utilisateur sans les renvoyer au serveur, JavaScript est extrêmement bénéfique. JavaScript est nettement plus rapide que de tout envoyer au serveur pour être traité, mais vous devez être en mesure de recevoir des entrées utilisateur et de fonctionner avec lui en utilisant la syntaxe appropriée. L'objectif de ce tutoriel sera d'obtenir l'entrée des utilisateurs et de l'affichage à l'écran à l'aide d'éléments ou d'invites HTML.
Méthode 1: Utilisation d'invites
Pour se connecter avec les utilisateurs, JavaScript nous propose quelques méthodes d'objets de fenêtre dont on est le rapide() méthode. La fonction de base de la méthode invite () consiste à afficher une boîte de dialogue et à prendre les entrées d'un utilisateur. Le rapide() La méthode est le plus souvent utilisée pour stocker / enregistrer de petites quantités d'informations sur l'utilisateur et est le plus souvent utilisé lorsque le développeur souhaite que l'utilisateur saisisse les données avant de passer à la page Web.
Syntaxe
invite (texte, par défaut)
Le rapide() La méthode prend deux paramètres: le premier est le texte paramètre, qui apparaît dans la boîte de dialogue, et le second est le défaut Paramètre, qui est le texte par défaut affiché dans la zone d'entrée de l'invite. Ces options sont à la fois facultatives et peuvent être laissées vides.
Exemple de méthode prompt ()
var name = inside ("Entrez votre nom", "entre le nom");si (nom != null)
alerte ("Bonjour! "+ nom)
Dans le code JavaScript ci-dessus, nous avons appelé le rapide() Méthode et a demandé à l'utilisateur de saisir son nom. La valeur par défaut sera Entrez le nom:
Supprimons le nom Entrée et tapons votre nom:
Maintenant, lorsque vous cliquez sur le D'ACCORD bouton vous verrez le Bonjour! Nas Message d'alerte:
Méthode 2: HTML et JavaScript
Une autre méthode pour créer une boîte de saisie en JavaScript consiste à utiliser une boîte d'entrée HTML, puis à référence à celle en javascript et à obtenir sa valeur.
HTML:
Créer une boîte d'entrée
Dans le code ci-dessus, nous avons d'abord défini une boîte d'entrée puis un bouton avec l'anime de Sauvegarder. Nous avons ensuite référencé le code.js fichier à l'aide de la balise de script. Dans le code.js Fichier, tout notre code JavaScript sera présent.
Javascript:
const btn = document.getElementById ("btn");btn.addEventListener ('click', function ()
var name = document.GetElementByid ("MyName").valeur;
alert ("name:" + name);
);
Dans le code ci-dessus, nous avons référencé le bouton avec l'ID de btn à partir de HTML, puis a ajouté un écouteur d'événements de cliquez vers lui qui écoutera en continu et lorsque quelqu'un clique sur le bouton Enregistrer une fonction. Dans cette fonction, d'abord, nous obtenons la valeur de la zone d'entrée en utilisant l'ID qui lui est donné qui est mon nom. Ensuite, nous alerter cette valeur.
Conclusion
JavaScript est le langage de programmation dont la communauté augmente de jour en jour et à juste titre, car c'est le langage de programmation qui rend notre page Web interactive. JavaScript nous propose d'interagir avec les utilisateurs en prenant les commentaires de l'utilisateur, puis en enregistrant cette entrée ou en affichant cette entrée.
Dans cet article, nous avons pris les commentaires de l'utilisateur et affiché cette entrée en utilisant deux méthodes I-E rapide() Méthode et référence à une boîte d'entrée de HTML dans JavaScript.