如何将hover jquery转换为js pure？

// 获取目标元素
var element = document.getElementById("myElement");

// 添加鼠标移入事件监听器
element.addEventListener("mouseover", function() {
  // 添加CSS类
  this.classList.add("hover");
});

// 添加鼠标移出事件监听器
element.addEventListener("mouseout", function() {
  // 移除CSS类
  this.classList.remove("hover");
});

<div id="myElement" onmouseover="addHoverClass()" onmouseout="removeHoverClass()">Hello World</div>

<script>
function addHoverClass() {
  var element = document.getElementById("myElement");
  element.classList.add("hover");
}

function removeHoverClass() {
  var element = document.getElementById("myElement");
  element.classList.remove("hover");
}
</script>