如何更改单元格背景颜色并通过单击按钮在完整日历单元格中添加文本(从选定的按钮)？

<table>
  <tr>
    <td id="cell1">1</td>
    <td id="cell2">2</td>
    <td id="cell3">3</td>
    <!-- 其他日期单元格 -->
  </tr>
</table>

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>
<!-- 其他按钮 -->

td {
  background-color: #ffffff; /* 默认背景颜色 */
}

// 获取按钮和单元格的引用
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");
var cell1 = document.getElementById("cell1");
var cell2 = document.getElementById("cell2");
var cell3 = document.getElementById("cell3");
// 其他按钮和单元格

// 按钮点击事件处理程序
button1.addEventListener("click", function() {
  // 更改单元格背景颜色
  cell1.style.backgroundColor = "#ff0000"; // 示例颜色，您可以根据需要更改
  // 在单元格中添加文本
  cell1.innerHTML = "按钮1文本"; // 示例文本，您可以根据需要更改
});

button2.addEventListener("click", function() {
  // 更改单元格背景颜色
  cell2.style.backgroundColor = "#00ff00"; // 示例颜色，您可以根据需要更改
  // 在单元格中添加文本
  cell2.innerHTML = "按钮2文本"; // 示例文本，您可以根据需要更改
});

// 其他按钮的事件处理程序