Problema em fazer cálculo entre inputs e exibir em outro!
Boa tarde Pessoal
Estou tendo um problema com esse formulário, ele deveria calcular a soma e a média de 5 números inseridos pelo usurário nos 5 primeiros campos e exibir o resultado dos cálculos nos dois últimos campos. O cálculo é feito corretamente, mas os valores apenas piscam nos últimos campos e somem. Alguém consegue ver algum erro no HTML ou no SCRIPT.
Obrigado, códigos abaixo:
<html lang="pt-br">
<head>
<title>SOMA & MÉDIA</title>
<meta charset="UTF-8">
<script src="formulario.js"></script>
</head>
<body>
<form action="" method="post" id="formulario">
<h3>SOMA E MÉDIA</h3>
<label for="num1">ENTRE COM O 1º NÚMERO: </label>
<input type="text" size="4" maxlength="10" id="num1"><br>
<label for="num2">ENTRE COM O 2º NÚMERO: </label>
<input type="text" size="4" maxlength="10" id="num2"><br>
<label for="num3">ENTRE COM O 3º NÚMERO: </label>
<input type="text" size="4" maxlength="10" id="num3"><br>
<label for="num4">ENTRE COM O 4º NÚMERO: </label>
<input type="text" size="4" maxlength="10" id="num4"><br>
<label for="num5">ENTRE COM O 5º NÚMERO: </label>
<input type="text" size="4" maxlength="10" id="num5"><br>
<label for="soma">A SOMA DO TRÊS NÚMEROS É: </label>
<input type="text" size="4" maxlength="10" id="somaFinal" disabled="disabled"><br>
<label for="media">A MÉDIA DOS ENTRE ELES É: </label>
<input type="text" size="4" maxlength="10" id="mediaFinal" disabled="disabled"><br>
<button id="result" onclick="calculo()">CALCULAR</button>
</form>
</body>
</html>
function calculo(){
var n1 = formulario.num1.value;
var n2 = formulario.num2.value;
var n3 = formulario.num3.value;
var n4 = formulario.num4.value;
var n5 = formulario.num5.value;
var soma = parseInt(n1)+parseInt(n2)+parseInt(n3)+parseInt(n4)+parseInt(n5);
var media = soma/5;
formulario.somaFinal.value=soma;
formulario.mediaFinal.value=media;
}Discussão (3)
Carregando comentários...