computrd点击button按钮改变button按钮颜色

以下是 HTML、CSS 和 JavaScript 代码示例，用于在单击按钮时更改按钮的背景颜色：

HTML 代码：

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

CSS 代码：

button {
  background-color: blue;
  color: white;
  padding: 10px;
  border: none;
}

button.clicked {
  background-color: green;
}

JavaScript 代码：

var button = document.getElementById("myButton");

button.addEventListener("click", function() {
  button.classList.add("clicked");
});

在这个示例中，我们首先创建了一个 HTML 按钮元素，并为其指定了一个 ID（即“myButton”）。然后，我们使用 CSS 定义了按钮的初始样式，包括蓝色背景和白色文本。我们还定义了一个名为“clicked”的 CSS 类，当按钮被单击时，我们将添加此类，以更改按钮的背景颜色为绿色。

最后，我们使用 JavaScript 获取按钮元素，并在单击按钮时添加“clicked”类。这将触发 CSS 样式的变化，从而更改按钮的背景颜色。