Javascript 单击按钮可更改烫发颜色，直到鼠标悬停

我正试图弄明白这一点。当按钮发生“单击”事件时，将“bgColor”属性和“bgColor”变量更改为适当的颜色

到目前为止我有

var heading, size = 1, color = "red", bgcolor = "white", fgcolor = "black";

但是，如果我创建一个函数，例如

函数onclicki（）

，我将如何使其仅在我单击bgcolor perm时保持红色，以及如果我在它更改时执行鼠标操作，它将保持红色。所以只有一次点击它应该保持烫发，谢谢

function onclicki()
         {

         document.bgColor="red"


         }

---

你是说像这样的事吗

var标题，
尺寸=1，
color=“红色”，
bgcolor=“白色”，
fgcolor=“黑色”；
//单击按钮时运行
函数onclicki（）{
document.bgColor=bgColor='red'；
}
//鼠标悬停在按钮上时运行
函数转换（）{
document.bgColor=bgColor='white'；
}

---

按我，鼠标出，然后鼠标出我想你想要的是这样的东西：

谢谢@Tobsta，为什么要用单引号？@Sid这并不重要，但我更喜欢单引号，因为按下引号键时不必按住shift键。（换言之，打字只是稍微快一点）
var div = document.getElementById( 'div' );
div.onclick = function() {
  this.style.backgroundColor = 'red';
};
div.onmouseover = function() {
  this.style.backgroundColor = 'blue';
};