如何在点击各种按钮时更改各种div的innerHTML？

<div id="div1">初始内容</div>
<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>

// 获取div元素和按钮元素
var divElement = document.getElementById("div1");
var btn1Element = document.getElementById("btn1");
var btn2Element = document.getElementById("btn2");

// 绑定按钮点击事件
btn1Element.addEventListener("click", function() {
  // 修改div1的innerHTML
  divElement.innerHTML = "按钮1被点击了";
});

btn2Element.addEventListener("click", function() {
  // 修改div1的innerHTML
  divElement.innerHTML = "按钮2被点击了";
});