為什么我獲得NaN值？

Question

我試圖弄清楚valInt為什么返回NaN以及如何解決它以便存儲存款價值。

*編輯：自發布以來進行了一些更改。 我仍然需要NaN來支付余額。

// JS

`function depositMoney () {
//Select the balance amount
let acctBal = $('.check-balance')
let chkBal = acctBal
let chkBalVal = chkBal.html()
console.log(chkBalVal)

//Needs to accept input.
let input = $('.input')
let depositVal = parseInt(input.val())
console.log('Deposit amount: ' + depositVal)

//Collect info from balance.
let valInt = parseInt(chkBalVal)
console.log('Current balance is: ' + valInt)

//Displaying the checking amount.
let sumTot = (depositVal + valInt)
console.log('Total here:' + sumTot)
acctBal.html('$' + (depositVal + valInt))
}`

// HTML

`<div id="checking" class="account">
  <h2>Checking</h2>
  <div class="check-balance">$0</div>
  <input class="input" type="text" placeholder="enter an amount" />
  <input class="deposit" type="button" value="Deposit" />
  <input class="withdraw" type="button" value="Withdraw" />
  </div>`

Answer 1

let valInt = parseInt(chkBal)

這段代碼試圖將chkBal轉換為數字，其中chkBal就像acctBal一樣-一個jQuery對象。

您必須使用.val（）命令獲取存儲在jQuery DOM對象中的值，然后通過修改以let chkBal =開頭的行將結果轉換為數字，如下所示：

let chkBal = acctBal.val();