노마드 코더/바닐라 자바스크립트

초보자를 위한 바닐라 자바스크립트 #2-6

KDONG 2021. 8. 29. 22:42

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

const BASE_COLOR = "rgb(57, 73, 94)";
const OTHER_COLOR = "#7f8c8d";

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

만약 현재 색상이 기본색과 같다면 다른 색상으로 변경하게 function을 사용하여 조건을 줬다.