728x90
반응형
init( ) 함수 : 여러 함수의 초기화를 위한 즉시실행 함수
사용이유는 ① 가독성 측면 ② 전역객체보호
사용예시)
const title = document.querySelector("#title");
const BASE_COLOR = "rgb(52, 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;
tile.addEventListener("click", handleClick);
}
init();
728x90
반응형
'Coding With Jina > JavaScript' 카테고리의 다른 글
[자바스크립트] classList.add/remove/contains / toggle (0) | 2021.01.14 |
---|---|
[자바스크립트] 자바스크립트로 CSS 변경하기 - classList 이용 (0) | 2021.01.14 |
[자바스크립트] 이벤트 핸들러(event handler)와 이벤트 리스너(event listener) 차이점과 종류 (0) | 2021.01.14 |
[자바스크립트] 이벤트리스너를 이용한 마우스오버 함수 (0) | 2021.01.14 |
[자바스크립트] 배열에서 요소 랜덤으로 출력하기 (0) | 2021.01.13 |