DOM - If else - Function practice

김서하·2021년 4월 18일
0
JavaScript는 C언어나 Python 같은 다른 프로그래밍 언어의 범주에서 크게 벗어나지 않음.
이벤트의 종류는 검색을 통해 알아내면 그만.
이벤트의 종류가 궁금하다면 MDN방문하기.
(formerly Mozilla Developer Network)

ex)
 const title = document.querySelector("#title");
 
 const BASE_COLOR = "rgb(52, 73, 94)";
 const OTHER_COLOR = "#7f8c8d";
 
 fuction 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();
 //title 클릭할 때마다 색상 변경되게 해주기
profile
개발자 지망생 서하입니당

0개의 댓글