Cómo calcular los totales formulario de pedido en javascript

Vídeo: Curso de HTML5 - 36 - Formulários com javascript - by Gustavo Guanabara

El uso de javascript para realizar un seguimiento de los valores y proporcionar los totales en las páginas web.
Vídeo: Validación de Formularios con javascript - Validación Básica

javascript es un lenguaje de programación utilizado para agregar funcionalidad a las páginas web dinámicas. javascript se coloca directamente en el HTML de una página web y se utiliza para añadir interactividad, tales como retroalimentación de los usuarios y la validación de entrada, en las páginas estáticas de otro modo. javascript también interactúa directamente con los elementos de una página web, como campos de entrada y botones, por lo que se puede utilizar para actualizar sus atributos. javascript se puede utilizar, por ejemplo, para realizar un seguimiento de los valores introducidos por el usuario, añadirlos y proporcionar total.

El cálculo de los totales formulario de pedido en javascript

Abra un editor de texto y crear un archivo con la extensión .htm. Este archivo contendrá el marcado (HTML) que define la forma y el contenido del formulario: dos campos en los que el usuario introduce los números, un botón para calcular un total basado en los dos números, y un campo total que tiene el total.

Agregue tres campos de entrada a la forma. Nombre el primer campo de entrada “box1”, el nombre de la segunda campo de entrada “box2” y el nombre de la tercera campo de entrada “total”. Box1 llevará a cabo el primer número, box2 el segundo número, y se colocará el total en el campo total. Dar a los campos de entrada de un tamaño de 3 y una longitud máxima de 3.

Añadir un botón HTML al formulario. Al hacer clic, el botón pasa a la forma y sus elementos (this.form) a una función de javascript llamados RunTotal (). Llame a la función utilizando el evento onclick () y darle al botón de un nombre con el valor = atributo.

Añadir una función de javascript (RunTotal ()) para el código HTML tramo comprendido entre las etiquetas javascript. Esta función recibe los elementos de formulario, añade los valores de box1 y box2 y coloca el resultado en el campo de entrada total. Utilice forward-barras (//) para indicar comentarios.

Vídeo: Curso javascript desde 0. Formularios VIII Validación II. Vídeo 64

Declarar dos variables y asignarles los valores de la caja 1 y caja2. javascript utiliza el signo más (+) para concatenar cadenas, a fin de utilizar la función Number () para asegurarse de que javascript realiza una suma al agregar los valores.

Añadir los dos valores de las variables y actualizar el campo total con el resultado.

Abra la página .htm en un navegador. Escriba un número en caja 1, un número en caja2, y haga clic en el botón para agregar los números. El total aparecerá en el campo total.

Consejos

Utilice la opción “valor = 0” con la caja 1 y caja2 para darles un valor inicial de 0 cuando se carga la página.
Añadir un poco de texto antes de que el campo total para separarlo de los otros campos de la página.
Este javascript agrega dos valores para la simplificación. Utilizar un bucle y matrices de valores para hacer el código más flexible.
Trate de usar el evento onchange () en la caja 1 y caja2 para calcular el total ya que los usuarios entran en valores.

Artículos necesitará

referencias

w3schools.com: javascript Tutorial
ntlworld.com: tutoriales javascript para principiantes
Paul McFedries` Tech Tonic: Cálculo de los formularios de pedido

Sobre el Autor

Cathlene S. Baptista comenzó a escribir profesionalmente en 2010, especializada en temas técnicos. También ha trabajado en McGraw-Hill como un escritor y editor. Baptista tiene una licenciatura en psicología de la Universidad de Maryland y una Maestría en Ciencias en sistemas de información de la Universidad George Washington.