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();