如何使用onclick按钮更改悬停颜色

<button id="changeColorBtn">点击更改悬停颜色</button>

.hovered {
  background-color: yellow;
}

document.getElementById("changeColorBtn").onclick = function() {
  var element = document.getElementById("changeColorBtn");
  if (element.classList.contains("hovered")) {
    element.classList.remove("hovered");
  } else {
    element.classList.add("hovered");
  }
};