gpt4 book ai didi

javascript - NaN 错误 - 处理字符串和整数

转载 作者:行者123 更新时间:2023-12-03 12:29:29 27 4
gpt4 key购买 nike

为学校的哈哈制作我自己版本的 cookie clicker,遇到一些问题;

<!DOCTYPE html> 
<html>
<head>
<title>Patrick Clicker</title>
<script>
var patricks = parseInt(localStorage.getItem("patrickcount"));
function increment(n) {
localStorage.setItem("patrickcount", patricks + n);
document.getElementById("patrickcounter").innerHTML = "Patricks: " + patricks;
}
</script>
</head>
<body>
<img src="patrick.jpg" onclick="increment(1)">
<p id="patrickcounter">
Patricks: 0
</p>
</body>
</html>

当我点击我的脸时,它显示“Patricks: NaN”我知道 NaN 是什么意思,但我不知道为什么会导致错误。

如有任何帮助,我们将不胜感激。

最佳答案

它最初不会工作,因为 localStorage 中一开始没有值。

你可以这样做:

var patricks = parseInt(localStorage.getItem("patrickcount"))||0;

您是否有意在增量之前显示值?如果这不是您的意图,请将您的功能更改为

function increment(n) {
patricks += n;
localStorage.setItem("patrickcount", patricks);
document.getElementById("patrickcounter").innerHTML = "Patricks: " + patricks;
}

如果您希望页面在单击之前显示正确的值,请将其添加到正文末尾:

<script>increment(0)</script>  

关于javascript - NaN 错误 - 处理字符串和整数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24009443/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com