<html>
<head>
<title>Aula javascript</title>
<script type="text/javascript">
function calcularIMC(){
// autor: Joelson Morais
var formulario = document.getElementById("formulario");
var kilos = +formulario.kilos.value;
var m = +formulario.metros.value;
var cent = +formulario.centimetro.value;
var altura = (m * 100 + cent)/100;
var imc = kilos/(altura * altura);
formulario.imc.value = imc.toFixed(2);
}
</script>
</head>
<body>
<fieldset>
<legend>Formulário</legend>
<form id="formulario">
<label for="kilos">Kilos:</label>
<input type="text" name="kilos"/>
<label for="metros">Metros:</label>
<input type="text" name="metros"/>
<label for="centimetro">centimetro:</label>
<input type="text" name="centimetro"/>
<label for="imc">IMC:</label>
<input type="text" name="imc" disabled="disabled"/>
<a href="#" onclick="calcularIMC()">Calcular</a>
</form>
</fieldset>
</body>
</html>
função: CalcularIMC
var formulario = document.getElementById("formulario"); // essa varivael recebe todos os elementos do elemento do documento com Id "formulario" *** <form id="formulario">***
var kilos = +formulario.kilos.value; // recebe o valor do elemento com o nome kilos *** <input type="text" name="kilos"/>*** o mesmo acontece com os outros elementos em baixo:
var m = +formulario.metros.value;
var cent = +formulario.centimetro.value;
var altura = (m * 100 + cent)/100; // calcula a altura
var imc = kilos/(altura * altura); // calcula o IMC
formulario.imc.value = imc.toFixed(2);// exibe o valor da variavel IMC no elemento do formulário com nome imc
0 comentários