Comment calculer les totaux du formulaire de commande en javascript

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.