如何使用JS通过单击按钮来更改背景颜色

<button id="changeColorBtn">点击更改背景颜色</button>
<div id="targetElement"></div>

// 获取按钮和目标元素的引用
const changeColorBtn = document.getElementById('changeColorBtn');
const targetElement = document.getElementById('targetElement');

// 监听按钮的点击事件
changeColorBtn.addEventListener('click', function() {
  // 生成随机的RGB颜色值
  const red = Math.floor(Math.random() * 256);
  const green = Math.floor(Math.random() * 256);
  const blue = Math.floor(Math.random() * 256);
  const color = `rgb(${red}, ${green}, ${blue})`;

  // 更改目标元素的背景颜色
  targetElement.style.backgroundColor = color;
});

#targetElement {
  width: 200px;
  height: 200px;
  border: 1px solid black;
}