js怎么知道哪个按钮被点击了？

// HTML
<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>

// JavaScript
const btn1 = document.getElementById('btn1');
const btn2 = document.getElementById('btn2');

btn1.addEventListener('click', function() {
  console.log('按钮1被点击了');
});

btn2.addEventListener('click', function() {
  console.log('按钮2被点击了');
});

<button onclick="handleClick(1)">按钮1</button>
<button onclick="handleClick(2)">按钮2</button>

<script>
function handleClick(btnId) {
  if (btnId === 1) {
    console.log('按钮1被点击了');
  } else if (btnId === 2) {
    console.log('按钮2被点击了');
  }
}
</script>

<div id="buttons">
  <button>按钮1</button>
  <button>按钮2</button>
  <button>按钮3</button>
  <!-- 更多按钮... -->
</div>

<script>
const buttonsContainer = document.getElementById('buttons');

buttonsContainer.addEventListener('click', function(event) {
  const target = event.target;
  if (target.tagName === 'BUTTON') {
    console.log('按钮被点击了');
  }
});
</script>