gpt4 book ai didi

JavaScript 命中计数器

转载 作者:行者123 更新时间:2023-12-01 03:13:57 25 4
gpt4 key购买 nike

我刚刚开始学习 Javascript,我尝试使用 Javascript 为网页的点击计数器编写代码。我知道我们必须使用 cookie 来获取正确的数字并使用 PHP 来修改服务器中存储的数据。但是你能为我调试一下吗?我得到的输出为“访客数量:NaN”

这是我的代码:

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>

<body>
<div>
<p>The number of visitors is : <span id="cntr">0</span></p>
</div>

<script>
function counter_fn() {
var counter = document.getElementById("cntr");
var count = 0;
count = counter.value;
count = count + 1;
counter.innerHTML = count;
}
window.onload = counter_fn;
</script>
</body>

</html>

最佳答案

您试图从 span 元素获取,这是错误的。您的 counter.value未定义,因此它会给您错误的答案。

您可以使用 document.getElementById("cntr").innerHTMLspan 获取 0。但返回的值是string。因此,您需要执行 parseInt 将其转换为 integer,然后您的添加才会给出正确的值。

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>

<body>
<div>
<p>The number of visitors is : <span id="cntr">0</span></p>
</div>

<script>
function counter_fn() {
var counter = document.getElementById("cntr");
var count = 0;
count = parseInt(counter.innerHTML);
count = count + 1;
counter.innerHTML = count;
}
window.onload = counter_fn;
</script>
</body>

</html>

关于JavaScript 命中计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45657133/

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