为什么我获得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();