meta charset="UTF-8">
<title>Interagindo</title>
<head><h3>Calcule sua média de gastos</h3></head>
<body>
Digite<br>
Número de compras:<br>
<input type="text" name="numeroCompra">
<br>
Quanto já havia gastado? <br>
<input type="text" name="valorGastoAnterior">
<button> Calcular Média </button>
<script type="text/javascript">
function texto (txt){
document.write( txt + "<br>");
}
var quantidadeCompras = document.querySelector ("numeroCompra") ;
var gastoAnterior = document.querySelector("valorGastoAnterior") ;
var botao = document.querySelector ("button");
var totalCompra = gastoAnterior.value
function calcular(){
for (var compras = 1; compras <= quantidadeCompras.value ; compras++){
var valorCompra = parseFloat(prompt("Qual o valor da compra?"));
totalCompra = totalCompra + valorCompra ;
}
var mediaCompra = totalCompra/(quantidadeCompras.value + 1) ;
texto("Sua média de compras foi de " + mediaCompra);
}
botao.onclick = calcular ;
</script>
</body>
Minha ideia com base nas aulas era de ter duas caixas onde o usuário digitasse o número de compras que ele realizou e após isso o gasto que ele já havia realizado, para que eu pudesse somar todos os gastos bem como o anterior e tirar a média deles. Contudo não sei como chamar a input correta para a validação do código.
Se possível gostaria de saber o erro do meu código bem como a maneira correta de se chamar varias imputa diferentes.
Obrigada e parabéns pelas aulas.