Estoy tratando de realizar un cálculo en el que el número ingresado por el usuario en la primera entrada se devuelve instantáneamente en el segundo campo de entrada de solo lectura. Es un cálculo simple para tomar el 20% del primer número y volver a agregarlo al primer número, para que se devuelva en el campo del segundo número. (por ejemplo, una tarifa de transferencia del 20% sobre $100 devolvería $120.
Parece que puedo acceder a los valores en los campos de entrada, pero el cálculo devuelto no devuelve los valores correctos. Si se ingresa 40 en la primera entrada, la segunda entrada devuelta muestra 408 en lugar de 48. ¿Alguien puede ayudar?
function myFunc() { const transferamount = document.getElementById("sendamount").value; document.getElementById("totalled").value = transferamount + (0.20 * transferamount); } <form> <input type="number" id="sendamount" value="" name="amounttosend" oninput="myFunc()" required> <input type="text" id="totalled" value="" readonly> </form>el valor que obtiene de una entrada siempre se considera como una cadena, por eso sus cálculos son incorrectos. Para funcionar como se espera, debe convertir su entrada a un int o un flotante usando parseInt() o parseFloat()
const transferamount = parseInt(document.getElementById("sendamount").value);el cálculo está un poco mal ^^
Simplemente cambia
document.getElementById("totalled").value = transferamount + (0.20 * transferamount);A
new_amount = transferamount * 1.20; document.getElementById("totalled").value = new_amount;Aquí está el código editado.
function myFunc() { const transferamount = document.getElementById("sendamount").value; new_amount = transferamount * 1.20; document.getElementById("totalled").value = new_amount; } <form> <input type="number" id="sendamount" value="" name="amounttosend" oninput="myFunc()" required> <input type="text" id="totalled" value="" readonly> </form>Que tengas un lindo día !