Javascript 单击按钮时更改按钮的颜色

此功能正在运行。每次我按下按钮，它都会从“单击我”变为“再次单击我”，但我希望按钮状态为“单击我”时为蓝色，状态为“再次单击我”时为红色

点击我
函数myFunction（）{
var change=document.getElementById（“切换”）；
如果（change.innerHTML==“再次单击我”）{
change.innerHTML=“单击我”；
}
否则{
change.innerHTML=“再次单击我”；
}
}

从按钮中删除第二个onclick侦听器，然后在

myFunction

函数中添加着色代码：

if (change.innerHTML == "click me again") {
    change.innerHTML = "click me";
    change.style.background='blue'
}
else {
    change.innerHTML = "click me again";
    change.style.background='red'
}

---

点击设置背景色只需添加一键功能

点击我
函数myFunction（）{
var change=document.getElementById（“切换”）；
如果（change.innerHTML==“再次单击我”）
{
change.innerHTML=“单击我”；
change.style.backgroundColor=“蓝色”
}
否则{
change.innerHTML=“再次单击我”；
change.style.backgroundColor=“红色”
}
}

第一个答案对我很有帮助，但谢谢你给我时间

if (change.innerHTML == "click me again") {
    change.innerHTML = "click me";
    change.style.background='blue'
}
else {
    change.innerHTML = "click me again";
    change.style.background='red'
}