如何制作一个取消选中所有复选框并改变div背景颜色的按钮？

<div id="myDiv">
  <input type="checkbox" class="myCheckbox">复选框1
  <input type="checkbox" class="myCheckbox">复选框2
  <input type="checkbox" class="myCheckbox">复选框3
</div>
<button id="myButton">取消选中并改变背景颜色</button>

document.getElementById("myButton").addEventListener("click", function() {
  // 获取所有具有相同类名或ID的复选框元素
  var checkboxes = document.getElementsByClassName("myCheckbox");

  // 取消选中所有复选框
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = false;
  }

  // 改变div背景颜色
  document.getElementById("myDiv").style.backgroundColor = "red";
});