Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Função de calculo de quantidade

Preciso saber se eu estava no caminho correto e onde errei, a ideia é pegar através de input um preço e calcular o valor conforme a quantidade que a pessoa colocar em outro input, depois disso o programa imprime na tela o resultado, mas não obtive sucesso e não consegui corrigir por mais que tentasse.

<pre>div class = "valor">
    p> Valor: input type = "text" name="numero" id = "val"> </p>
    p> Quantidade: input type = "text" name="numero" id = "quant"> </p>
/div>
div class = "botao">
input type = "submit" value = "Calcular" id = "calcular">
/div>
</pre>

<pre>
var val = document.getElementById("val");
var quant = document.getElementById("quant");


var calculadora = function(val, quant){
var valor = val * quant;
return valor;
}

var botao = document.getElementById("calcular");
botao.onclick = calculadora;

calculadora = document.write("O valor de" + quant + "e: " + valor);

</pre>
2 respostas
solução!

Misael peguei seu código e fiz algumas adaptações:

<div class = "valor">
    <p>Valor: <input autofocus type="text" name="numero" id="val"></p>
    <p>Quantidade: <input type="text" name="numero" id="quant"></p>
</div>
<div class = "botao">
    <input type="submit" value="Calcular" id="calcular">
</div>
<p id="resultado"></p>
<script>
var calculadora = function() {
    var val = document.getElementById("val");
    var quant = document.getElementById("quant");
    document.getElementById('resultado').textContent = "O valor de " + quant.value + " * " + val.value + " é = " + (val.value * quant.value);
    val.value = '';
    quant.value = '';
    val.focus();
}

var botao = document.getElementById("calcular");
botao.onclick = calculadora;
</script>

Veja se era isso que precisava, qualquer dúvida me informa para que eu possa lhe ajudar.

Espero ter ajudado.