单击按钮时如何更改按钮的颜色？

Question

我正在做一个学校项目，正在为一个额外的信誉编写网站代码，所以我试图使它看起来尽可能精美。

我现在的主要目标是让按钮在单击时改变颜色，就像它显示在多页网站上选择哪个页面一样。请有人快速帮助，这将在一周内到期，我有很多想做的事情。

是的，它在学习者网站（-_-）上，所以现在我仅限于可以使用的代码类型。

谢谢，请迅速帮助我。

Answer 1

这是我为初学者做的简单方法，这就是我开始学习的方式。如果您想尝试一下并查看它的运行情况，我的CodePen也在这里：CodePen for Changing Colors onclick

function changeColor(){
document.getElementsByClassName("myButton")[0].style.backgroundColor = "red";
}

<button class="myButton" style="background-color:blue;" onclick="changeColor()">Change Color</button>