javascript - 尝试增加分数时得到 NaN

Question

我当前正在尝试对以下代码进行故障排除:

function getStuff(){
  document.querySelector('#tuna').onclick=scorefunc;    
}

function scorefunc() {
  var scorep;
  scorep = scorep + 1;
  document.getElementById("scorez").innerHTML = "You have found me: " + scorep + " times";
}

基本上，当用户单击 ID 为 tuna 的段落元素 (p) 时，scorefunc 就会运行。我试图在每次点击时将分数加 1，但它却显示“你找到了我 NaN 次”

如果这是错误的话，我的 HTML 代码如下所示:

<p id ="scorez">You have found me: </p>

提前致谢:)

Answer 1

问题是 scorep 是未定义。您声明了它(即 var Scorep)，但您从未定义它，因此您实际上是在尝试将 undefined 和 1 添加在一起，其中当然会产生 NaN。

将声明更改为 var Scorep = 0 以解决问题。

此外，如果您希望每次单击 p 元素时 scorep 增加 1，则必须创建 closure或者在本地范围之外声明变量。

var scorep = 0
function scorefunc() {
  scorep += 1
  document.getElementById("scorez").innerHTML = `You have found me: ${scorep} times`
}