onclick按钮变色

当您在HTML中使用`onclick`属性为按钮添加一个点击事件处理程序，并希望在用户点击按钮时改变其颜色时，您可以使用JavaScript或CSS来实现这个效果。以下是两种常见的方式：

1. **纯CSS** (推荐使用)：

<button id="myButton" style="background-color: initial;">点击我</button>

<style>
#myButton:active {
  background-color: blue; /* 点击时颜色变为蓝色 */
}

在这个例子中，当按钮被点击时（激活状态），背景颜色会变成蓝色。

2. **JavaScript**:

<button id="myButton">点击我</button>

<script>
document.getElementById("myButton").addEventListener("click", function() {
  this.style.backgroundColor = "blue"; // 点击时改变颜色
});

这里，通过给按钮添加一个点击事件监听器，当按钮被点击时，它的背景颜色会被设置为蓝色。