How to listen to hover event in JavaScript

DOM
Last updated Jan 11, 2018
<div id="box"></div>
const element = document.querySelector("#box");

element.addEventListener("mouseover", event => {
  console.log("Mouse over");
});

element.addEventListener("mouseout", event => {
  console.log("Mouse out");
});