Como calcular formulário ordem totais em javascript
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
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.
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.
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.
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
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
Adicione os dois valores de variáveis e atualizar o campo total com o resultado.
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