Exemplo Anterior-|-Próximo Exemplo-|-Retornar à Listagem dos Capítulos

Exemplo 12.3:
onfocus: Modificação do Formulário


Isto usa a rotina de tratamento de evento onfocus. Digite números nas duas primeiras caixas, depois tabule até (ou dê um clique na) última caixa. A rotina de tratamento onfocus adiciona os números.
Digite o número 1:
Digite o número 2:
Dê um clique nesta caixa para ver o total:



Estes são os scripts que usamos. Primeiro, na seção HEAD: <SCRIPT LANGUAGE="JavaScript"> <!-- function rodaTotal(form) { var nNum1 = parseFloat(form.num1.value) var nNum2 = parseFloat(form.num2.value) form.total.value = nNum1 + nNum2 } //--> //--> </SCRIPT> Em seguida, criamos este elemento form: <FORM> Digite o número 1: <INPUT TYPE="text" NAME="num1" VALUE="0"><BR> Digite o número 2: <INPUT TYPE="text" NAME="num2" VALUE="0"><BR> Dê um clique nesta caixa para ver o total: <INPUT TYPE="text" NAME="total" onfocus="rodaTotal(this.form)"> </FORM>
Exemplo Anterior-|-Próximo Exemplo-|-Retornar à Listagem dos Capítulos