你可以使用闭包来解决这个问题。下面是一个示例代码:
function createCounter() {
let count = 0;
// 创建一个按钮元素
const button = document.createElement('button');
button.textContent = '点击增加计数';
// 创建一个显示计数的元素
const counter = document.createElement('div');
counter.textContent = count;
// 按钮点击事件处理程序
button.addEventListener('click', () => {
count++;
counter.textContent = count;
});
// 将按钮和计数器添加到页面中
document.body.appendChild(button);
document.body.appendChild(counter);
}
// 创建计数器
createCounter();
在这个示例中,通过使用闭包,我们创建了一个count
变量,并且在按钮的点击事件处理程序中对其进行递增。每次按钮被点击时,计数器的值都会更新,并显示在页面上。由于count
变量是在createCounter
函数内部定义的,它被保存在闭包中,并且不会在每次函数被调用时重新初始化。这样,即使你多次调用createCounter
函数创建多个计数器,它们之间的计数器值也不会相互影响。
上一篇:按钮点击事件中的填充下拉列表