Como calcular formulário ordem totais em javascript

Use javascript para acompanhar valores e fornecer totais em páginas da web.

Use javascript para acompanhar valores e fornecer totais em páginas da web.

javascript é uma linguagem de script usado para adicionar funcionalidade dinâmica de páginas da web. javascript é colocado diretamente em HTML de uma página web e é usado para adicionar interatividade, como o feedback do usuário e validação de entrada, para páginas de outra forma estática. javascript também interage diretamente com itens em uma página web, tais como campos de entrada e botões, para que ele possa ser usado para atualizar seus atributos. javascript pode ser usado, por exemplo, para manter o controle de valores inseridos por um usuário, adicioná-los e fornecer o total.

Calculando Totais Formulário de Pedido de javascript

1

Abra um editor de texto e crie um arquivo com uma extensão .htm. Este arquivo irá conter a marcação (HTML) que define a forma eo conteúdo do formulário: dois campos onde o usuário insere os números, um botão para calcular um total com base nos dois números, e um campo de total que detém o total.

2

Adicione três campos de entrada para o formulário. Nomeie o primeiro campo de entrada “box1”, o nome do segundo campo de entrada “box2” e nomeie o terceiro campo de entrada “total”. Box1 vai realizar o primeiro número, box2 o segundo número, eo total será colocado no campo total. Dar os campos de entrada de um tamanho de 3 e um comprimento máximo de 3.

3

Adicionar um botão HTML para o formulário. Quando clicado, o botão passa o formulário e seus elementos (this.form) para uma função javascript chamada RunTotal (). Chame a função usando o evento onclick () e dar o botão um nome usando o valor = atributo.



4

Adicionar uma função javascript (RunTotal ()) para o HTML trecho entre tags javascript. Esta função recebe os elementos de formulário, adiciona os valores de caixa1 e box2 e coloca o resultado no campo de entrada total. Use Forward-barras (//) para indicar comentários.

Video: Curso javascript - Operadores (Cálculo de IMC) #14

5

Declare duas variáveis ​​e atribuir-lhes os valores de box1 e box2. javascript utiliza o sinal de adição (+) para concatenar cadeias, assim utilizar a função de Número () para garantir que o javascript realiza a adição ao adicionar os valores.

Video: PEDIDO - selecao de cartoes de visita - CSS e javascript

6

Adicione os dois valores de variáveis ​​e atualizar o campo total com o resultado.

7

Abra a página .htm em um navegador. Digite um número na box1, um número em box2, e clique no botão para adicionar os números. O total aparecerá no campo total.

dicas

  • Verifica Use a opção “value = 0” com box1 e box2 para dar-lhes um valor inicial de 0, quando a página é carregada.
  • Verifica Adicione algum texto antes do campo total para separá-lo dos outros campos na página.
  • Verifica Esta javascript adiciona dois valores para a simplificação. Utilizar um ciclo de matriz e os valores para tornar o código mais flexível.
  • Verifica Tente usar o evento onchange () no box1 e box2 para calcular o total de usuários inserir valores.

Unid você precisará

Referências

  • ligação w3schools.com: Tutorial javascript
  • ligação ntlworld.com: javascript Tutoriais para Iniciantes
  • ligação Paul McFedries` tecnologia Tonic: Cálculo Order Forms

Sobre o autor

Cathlene S. Baptista começou a escrever profissionalmente em 2010, especializada em temas técnicos. Ela também trabalhou na McGraw-Hill como escritor e editor. Baptista detém um Bachelor of Arts em Psicologia pela Universidade de Maryland e um Master of Science em sistemas de informação da Universidade George Washington.


Artigos relacionados