Question

当我按下按钮时，我想获取信息，为此我使用DOM，但是有错误，该如何解决此问题？

我试图确认名称是否正确，并搜索有关DOM的信息，但我找不到它。

<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset="uft-8">
    <title>Pomodoro Timer</title>
</head>
<body>
    <p class="menu">menu</p>
    <p class="timer">0.00</p>
    <button data-option='start' class="timer_button" >start</button>
    <button data-option='stop'  class="timer_button">stop</button>
    <button data-option='reset' class="timer_button">reset</button>
    <script>
    const buttons = document.querySelectorAll('[data-option]');

    function test(e){
        console.log(e);
    }
    buttons.forEach(()=>buttons.addEventListener('click',test));


    </script>
</body>

当我按下按钮时，我想在控制台中查看结果。

Answer 1

buttons.forEach((button)=>button.addEventListener('click',test))

buttons是一个列表。使用forEach对其进行迭代时，可以将每个按钮作为方法的第一个参数。那是您必须附加事件处理程序的地方。

我想使用DOM，但现在出现错误

1 个答案: