Trabajando en una aplicación de presupuesto. Estoy tratando de obtener el número que estoy ingresando para ser redirigido a la etiqueta ap, pero no aparece. Probé mi código y pude hacer que el texto (Tu saldo) apareciera bien, pero el número real que estoy tomando de mi entrada no aparece en absoluto. He intentado algunas cosas, pero parece que no puedo entender por qué. ¿Simplemente no está convirtiendo mi entrada en un número?
html
<div class="enter-budget"> <label for="budget">Please Enter Your Budget</label> <input type="number" id="input-balance"> <button onclick="addBalance()">Calculate</button> </div> <div class="budget"> <p>Budget</p> <p id="budget-amount"></p> </div>javascript
let budget = document.getElementById("budget-amount"); let inputBalance = document.getElementById("input-balance").value; const addBalance = () => { budget.textContent = `Your Balance: ${inputBalance}` }Obtiene una referencia al valor de entrada inmediatamente, en lugar de cuando se llama al método addBalance . Necesita obtener el valor cuando se llama.
let budget = document.getElementById("budget-amount"); let inputBalance = document.getElementById("input-balance"); const addBalance = () => { let balance = inputBalance.value; budget.textContent = `Your Balance: ${balance}` } <div class="enter-budget"> <label for="budget">Please Enter Your Budget</label> <input type="number" id="input-balance"> <button onclick="addBalance()">Calculate</button> </div> <div class="budget"> <p>Budget</p> <p id="budget-amount"></p> </div>