代码之家  ›  专栏  ›  技术社区  ›  Ryan Doe

计数器Javascript[关闭]

  •  0
  • Ryan Doe  · 技术社区  · 2 年前

    我正试图构建一个javascript计数器,但我的代码出现了错误:

    let counterDisplayElem = document.querySelector('.counter-display');
    let counterMinusElem = document.querySelector('.counter-minus');
    let counterPlusElem = document.querySelector('.counter-plus');
    
    let count = 0;
    
    updateDisplay();
    
    counterPlusElem.addEventListener("click", () => {
      count++;
      updateDisplay();
    });
    
    counterMinusElem.addEventListener("click", () => {
      count--;
      updateDisplay();
    });
    
    function updateDisplay() {
      counterDisplayElem.innerHTML = count;
    }
    <h1 class="counterdisplay">(..)</h1>
    <button class="counter-minus">-</button>
    <button class="counter-plus">+</button>

    我上网查了一下,但没有找到答案。。。

    2 回复  |  直到 2 年前
        1
  •  1
  •   Jules    2 年前

    你的类名不匹配:

    你应该有这个:

    <h1 class="counter-display">
    

    但与其这样,不如改变它:

    <h1 class="counterdisplay">
    

    而且,即使在这种情况下它不会影响您的js代码,但放置分号始终是一个很好的做法 ; 在每个js行/函数的末尾

    希望这能有所帮助!

        2
  •  0
  •   Raul Li    2 年前

    在h1标记和您的js代码之间,类名不匹配。

    修复:
    改变

    <h1 class="counterdisplay">(..)</h1>
    

    <h1 class="counter-display">(..)</h1>