event, event handlers (2)

const hi1 = document.querySelector("#hi1");
// const hi1 = document.getElementById("hi1");

const BASE_COLOR = "rgb(52, 73, 94)";
const OTHER_COLOR = "#7f8c8d";
var cnt = 0;

function handleClick() {
​​​​const currentColor = hi1.style.color;
​​​​if (currentColor == BASE_COLOR) {
​​​​​​​​hi1.style.color = OTHER_COLOR;
​​​​} else {
​​​​​​​​hi1.style.color = BASE_COLOR;
​​​​}
}

function handleMouseenter() {
​​​​const currentText = hi1.innerHTML;
​​​​if (currentText == "Hi, I'm from JS.") {
​​​​​​​​hi1.innerHTML = cnt+"times";
​​​​​​​​cnt++;
​​​​} else {
​​​​​​​​hi1.innerHTML = cnt+"times";
​​​​​​​​cnt++;
​​​​}
}

function init() {
​​​​hi1.innerHTML = "Hi, I'm from JS.";
​​​​hi1.style.color = "red";
​​​​hi1.addEventListener("click", handleClick);
​​​​hi1.addEventListener("mouseenter", handleMouseenter);
}

init();