<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#resultado { font-size: xx-large; color: red;}
</style>
</head>
<body>
<form action="">
<label for="nome">Nome: </label>
<input type="text" name="nome" id="nome"><br>
<label for="peso">Peso:</label>
<input type="text" name="peso" id="peso"><br>
<label for="altura">Altura:</label>
<input type="text" name="altura" id="altura"><br>
<input type="button" value="Calcular IMC"
id="btIMC" name="btIMC">
</form>
<div id="resultado"></div>
<script type="text/javascript">
var calcularIMC = function () {
var nome, peso, altura, imc;
nome = document.getElementById("nome").value;
peso = document.getElementById("peso").value;
altura = document.getElementById("altura").value;
imc = peso / (altura * altura);
//alert(nome + " seu imc eh:" + imc);
document.getElementById("resultado").innerHTML =
nome + " seu imc eh:" + imc;
};
document.getElementById("btIMC").onclick = calcularIMC;
</script>
</body>
Comentários