gpt4 book ai didi

javascript - 为什么我的 clickNumber 变量没有保存选定的 dom 元素?

转载 作者:行者123 更新时间:2023-11-30 14:55:22 25 4
gpt4 key购买 nike

<分区>

我需要制作一个计数器,将点击事件处理程序附加到递增按钮。必须有 2 个函数,并且变量必须在函数外声明。为什么它无法读取 clickNumber 的值?如果我在增量函数内声明该值,它就可以工作。

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Counter</title>
<script src="counter.js"></script>
</head>
<body>

<div>
<button id="increment">Increment</button>
<p id="counter">Counter = 0</p>


</div>


</body>
</html>

JS

var counter = 0;
var clickNumber = document.getElementById("counter");



function getElementBtnIncrement() {

document.getElementById("increment").addEventListener("click",increment,false);

}


function increment(){
counter++;
clickNumber.innerHTML = "Count = " + counter;
}



window.addEventListener( "load", getElementBtnIncrement, false );

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