[JavaScript] 7식 - if

* if

if ("10" === 10) {                          // == 는 값만 비교하고 ===는 형식까지 비교한다. 
    console.log("hi");
} else if ("10" === "10") {
    console.log("ha");
} else {
    console.log("alalalal");
}

if (20 > 5 && "nicolas" == "nicolas") {        // || 은 or이고 &&는 and
    console.log("haha");
} else {
    console.log("lala");
}

---

* if + click

const title = document.querySelector("#title");

const BASE_COLOR = "rgb(250, 128, 114)";
const OTHER_COLOR = "#FF1493";


function handleclick() {
    const currentColor = title.style.color;
    if (currentColor === BASE_COLOR) {
        title.style.color = OTHER_COLOR;
    } else {
        title.style.color = BASE_COLOR;
    }
}

function init() {
    title.style.color = BASE_COLOR;
    title.addEventListener("click", handleclick);
}
init();

---

* if + mouseenter

function init() {
    title.style.color = BASE_COLOR;
    title.addEventListener("click", handleclick);
}
init();

const title = document.querySelector("#title");

const BASE_COLOR = "rgb(250, 128, 114)";
const OTHER_COLOR = "#FF1493";


function handleclick() {
    const currentColor = title.style.color;
    if (currentColor === BASE_COLOR) {
        title.style.color = OTHER_COLOR;
    } else {
        title.style.color = BASE_COLOR;
    }
}

function init() {
    title.style.color = BASE_COLOR;
    title.addEventListener("mouseenter", handleclick);
}
init();

* HTML javascript DOM envent MDN