Comment calculer les totaux du formulaire de commande en javascript

Utilisez javascript afin de garder une trace des valeurs et des totaux sur les pages Web.

javascript est un langage de script utilisé pour ajouter des fonctionnalités dynamiques aux pages Web. javascript est placé directement dans le code HTML d`une page Web et est utilisé pour ajouter de l`interactivité, comme les commentaires des utilisateurs et de validation d`entrée, aux pages statiques autrement. javascript interagit directement avec les éléments d`une page Web, tels que les champs de saisie et des boutons, de sorte qu`il peut être utilisé pour mettre à jour leurs attributs. javascript peut être utilisé, par exemple, de garder une trace des valeurs saisies par un utilisateur, les ajouter et de fournir le total.

Choses que vous devez

  • Navigateur Web avec javascript activé
  • Éditeur de texte

Calcul des totaux Formulaire de commande en javascript

  • Ouvrez un éditeur de texte et de créer un fichier avec une extension .htm. Ce fichier contiendra le balisage (HTML) qui définit la forme et le contenu du formulaire: deux domaines où l`utilisateur entre les numéros, un bouton pour calculer un total basé sur les deux numéros, et un champ total qui détient le total.


  • Ajoutez trois champs de saisie à la forme. Nommez le premier champ de saisie "box1," le nom du deuxième champ d`entrée "box2" et nommez le troisième champ d`entrée "total." Box1 tiendra le premier numéro, box2 le deuxième numéro, et le total sera placé dans le champ total. Donner les champs d`entrée d`une taille de 3 et une longueur maximum de 3.


  • Ajouter un bouton HTML à la forme. Lorsque vous cliquez dessus, le bouton passe la forme et ses éléments (this.form) à une fonction javascript appelée RunTotal (). Appelez la fonction en utilisant l`événement onclick () et de donner le bouton un nom en utilisant la valeur = attribut.


  • Ajouter une fonction javascript (RunTotal ()) au HTML section entre les balises javascript. Cette fonction reçoit les éléments de formulaire, ajoute les valeurs de box1 et box2 et place le résultat dans le champ de saisie totale. Utilisez avant-barres obliques (//) pour indiquer des commentaires.
    &# 9-



  • Déclarez deux variables et leur attribuer les valeurs de box1 et box2. javascript utilise le signe plus (+) pour concaténer des chaînes, donc utiliser la fonction Number () pour assurer que javascript effectue une addition lors de l`ajout des valeurs.




  • Ajoutez les deux valeurs de variables et mettre à jour le champ total du résultat.




  • Ouvrez la page .htm dans un navigateur. Tapez un nombre dans box1, un certain nombre de box2, et cliquez sur le bouton pour ajouter les numéros. Le total apparaîtra dans le champ total.

Conseils & Avertissements

  • Utilisez le "value = 0" l`option avec box1 et box2 pour leur donner une valeur initiale de 0 quand la page se charge.
  • Ajoutez un texte avant que le champ total à séparer des autres champs de la page.
  • Cette javascript ajoute deux valeurs de simplification. Utilisez une boucle et un tableau des valeurs pour rendre le code plus souple.
  • Essayez d`utiliser l`événement onchange () sur box1 et box2 pour calculer le total que les utilisateurs entrent les valeurs.

AUTRES

» » » » Comment calculer les totaux du formulaire de commande en javascript