如何在Button的矩阵中创建事件？

<table>
  <tr>
    <td><button id="btn1">按钮1</button></td>
    <td><button id="btn2">按钮2</button></td>
  </tr>
  <tr>
    <td><button id="btn3">按钮3</button></td>
    <td><button id="btn4">按钮4</button></td>
  </tr>
</table>

// 获取按钮元素
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var btn3 = document.getElementById("btn3");
var btn4 = document.getElementById("btn4");

// 为按钮添加事件监听器
btn1.addEventListener("click", function() {
  // 处理按钮1的点击事件
  console.log("按钮1被点击了");
});

btn2.addEventListener("click", function() {
  // 处理按钮2的点击事件
  console.log("按钮2被点击了");
});

btn3.addEventListener("click", function() {
  // 处理按钮3的点击事件
  console.log("按钮3被点击了");
});

btn4.addEventListener("click", function() {
  // 处理按钮4的点击事件
  console.log("按钮4被点击了");
});