This is the html code:las identificaciones son: num1, num2, num3 y la entrada total es "total". Quiero que la función de cálculo sea (num1+num2)*num3
<div class="row"> <div class="col"> <label> Tarif Colet</label> <input type="num1" onfocus="calculare()" onkeyup="calculare()" onclick="calculare()" onblur="calculare()" value="0" id="tarifcolet" id="num1" class="form-control" placeholder="Tarif Colet"> </div> <div class="col"> <label>Alte Taxe</label> <input type="num2" value="0" onfocus="calculare()" onkeyup="calculare()" onclick="calculare()" onblur="calculare()" id="num2" class="form-control" placeholder="Alte Taxe"> </div> <div class="col"> <label>Tva</label> <input type="percent" name="num3" id="num3" value="19%" class="form-control" placeholder="TVA"> </div> <div class="col"> <label>Total</label> <input type="number" name="total" disabled="disabled" id="total" class="form-control" placeholder="total"> </div>Puede asignar un valor a un cuadro de entrada deshabilitado usando la misma propiedad que leyó:
function calculare() { var num1 = parseFloat(document.getElementById('num1').value); var num2 = parseFloat(document.getElementById('num2').value); var num3 = parseFloat(document.getElementById('num3').value); document.getElementById("total").value = ((num1 + num2) * num3/100).toFixed(2); }Violín aquí: https://jsfiddle.net/9s1d2nac/1/
(En el violín, arreglé las entradas duplicadas que asignó a la primera entrada, dejando solo "num1" como identificación).
Utilice el método de devolución.
function myFunction(a, b, c) { return (a+b)*c; }Y luego agregue un evento de botón al hacer clic (también puede usarlo en otros eventos).
<div class="row"> <div class="col"> <label> Tarif Colet</label> <input type="num1" onfocus="calculare()" onkeyup="calculare()" onclick="calculare()" onblur="calculare()" value="0" id="tarifcolet" id="num1" class="form-control" placeholder="Tarif Colet"> </div> <div class="col"> <label>Alte Taxe</label> <input type="num2" value="0" onfocus="calculare()" onkeyup="calculare()" onclick="calculare()" onblur="calculare()" id="num2" class="form-control" placeholder="Alte Taxe"> </div> <div class="col"> <label>Tva</label> <input type="percent" name="num3" id="num3" value="19%" class="form-control" placeholder="TVA"> </div> <div class="col"> <label>Total</label> <input type="number" name="total" disabled="disabled" id="total" class="form-control" placeholder="total"> </div> <button type="button" onclick="getValue() "> function getValue(){ var num1 = document.getElementById("num1").value; var num2 = document.getElementById("num2").value; var num3 = document.getElementById("num3").value; var displayResult = document.getElementById("total"); var result = myFunction(num1, num2, num3); displayResult.value = result; }espero que esto funcione