從 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>