我无法让 addEventListener 正常工作

问题描述

我希望我的问题不会太愚蠢，但我最近才开始学习编程。 我正在尝试创建一个小型计数器 Web 应用程序，其中有两个按钮（减号和加号），每次按下它们时计数器都会减少/增加 -1/+1。

其实有两个问题：

1. 计数器未按预期工作。每次我按下一个按钮，它都会先增加 +1，然后是 +2，依此类推。

2. 一旦我刷新页面并按下加号按钮，它就会完全忽略当计数器为 0 时禁用减号按钮的条件。

我注意到，如果我不将 eventHandlers 嵌套在更大的函数中，该函数首先检查计数器是否为 0，计数器的工作方式与预期完全相同，增加了 +1/-1。

let counter = document.querySelector('.num-paragraph');
const minusBtn = document.querySelector('.minus');
const plusBtn = document.querySelector('.plus');
const resetBtn = document.querySelector('.reset-btn');
counter.textContent = 0;


plusBtn.addEventListener('click',function() {
    if (counter.textContent == 0) {
        minusBtn.disabled = true;
    } else {
        minusBtn.disabled = false;
    }

    plusBtn.addEventListener('click',function() {
        counter.textContent = Number(counter.textContent) + 1;
    });

    minusBtn.addEventListener('click',function() {
        counter.textContent = Number(counter.textContent) - 1;

    });
    resetBtn.addEventListener('click',() => counter.textContent = 0);


});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）