javascript - 需要在一个一个点击的时候打印一个数字

Question

我正在用纯 JavaScript 制作计算器。如果我单击一次按钮，我需要将按钮内的数字打印出来。就像如果我点击 1 它应该在我的屏幕上显示 1，如果我点击 2 它应该在我的屏幕上显示 2。只有数字2没有1...

<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button>6</button>
<button>8</button>
<button>9</button>
<button>10</button>

如果没有 onclick 事件，我怎么能做到这一点？

标签： javascript

Answer 1

const display = document.getElementById('display')
document.getElementById('buttons').addEventListener('click', ({target}) => {
  console.log(target.innerText)
  display.innerHTML = target.innerText;
})

<div id="buttons">
  <button>1</button>
  <button>2</button>
  <button>3</button>
  <button>4</button>
  <button>5</button>
  <button>6</button>
  <button>6</button>
  <button>8</button>
  <button>9</button>
  <button>10</button>
</div>
<div id="display"></div>