entonces, cuando consola.log document.getElementById("deposit-amount").value obtengo números/datos en tiempo real. Pero cuando lo pongo en variable y console.log el nombre (depositAmount), se muestra indefinido.
html
<div class="deposit"> <h4>Deposit</h4> <input id="deposit-amount" type="number" placeholder="$ amount you want to deposit"> <button id="deposit-btn">Deposit</button> </div>js
const depositAmount = document.getElementById("deposit-amount").value;Parece funcionar bien en este fragmento. ¿Hay más código que pueda compartir para depurar?
function log() { console.log(document.getElementById('deposit-amount').value); } <div class="deposit"> <h4>Deposit</h4> <input id="deposit-amount" type="number" placeholder="$ amount you want to deposit"> <button id="deposit-btn" onclick="log()">Deposit</button> </div><div class="box-1 common-box"> <p>Deposit</p> <h2>$ <span id="current-deposit">01</span></h2> </div> <div class="deposit"> <h4>Deposit</h4> <input id="deposit-amount" type="number" placeholder="$ amount you want to deposit"> <button id="deposit-btn">Deposit</button> </div> const depositBtn = document.getElementById("deposit-btn"); depositBtn.addEventListener("click", function(){ const depositAmount = document.getElementById("deposit-amount").value; const depositNumber = parseFloat(depositAmount); const cuurentDeposit = document.getElementById("current-deposit").innerText; const currentNumber = parseFloat(cuurentDeposit); const total = depositNumber + currentNumber; document.getElementById("current-deposit").innerText = total; document.getElementById("deposit-amount").value = ""; })Esto funciona. pero aun así, cuando consola. registro el nombre (depositAmount), se muestra indefinido. ¿Es esto porque DOM no está listo? ¿Cómo resolver esto? -@nemo