从 HTML 获取值到 javascript

Question

我不完全确定我正在尝试做的事情是否可行。 然而，

<button class = "numbers" value=1>1</button>
all the way to 
<button class = "numbers" value=9>9</button>

例如，我从 1 一直到 9，当单击这些按钮之一时，我希望这些值被控制台记录。 因此，例如，如果我单击数字 1，它只会使用该特定按钮的值将 1 控制台记录为 int，而无需单独指定每个按钮。

感谢您提前提供帮助！

Answer 1

使用事件委托。 将一个事件侦听器添加到按钮的容器中，并在单击时，如果目标（最里面的单击元素）是与.numbers匹配的按钮，则记录该值。

 document.querySelector('.container').addEventListener('click', ({ target }) => { if (.target.matches(';numbers')) return. console.log(target;value); });

 <div class="container"> <button class = "numbers" value=1>1</button> <button class = "numbers" value=9>9</button> </div>