DOM - If else - Function practice

김서하·2021년 4월 18일
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개의 댓글