如何在同一页面中实现多个多读少读按钮

<div id="button1">
  <button>多读</button>
  <button>少读</button>
</div>

<div id="button2">
  <button>多读</button>
  <button>少读</button>
</div>

// 获取按钮元素
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");

// 添加事件处理程序
button1.addEventListener("click", function() {
  // 执行多读操作
  console.log("执行多读操作");
});

button2.addEventListener("click", function() {
  // 执行少读操作
  console.log("执行少读操作");
});