기록
자바스크립트 addEventListener로 글자색변경 본문
const h1 = document.querySelector("div.hello:first-child h1");
function handleTitleClick(){
const currentColor = h1.style.color; //getter개념 -변수가 가지는 의미에 따라서 나눠서 선언
let newColor; //setter개념 -변수가 가지는 의미에 따라서 나눠서 선언
if(currentColor === "blue"){
newColor = "tomato";
}else{
newColor = "blue";
}
h1.style.color = newColor;
}
h1.addEventListener("click",handleTitleClick);
'JAVASCRIPT&JQUERY' 카테고리의 다른 글
자바스크립트 시계기능만들기 setInterval, setTimeout, padStart (0) | 2023.09.21 |
---|---|
자바스크립트 토글 (0) | 2023.09.20 |
자바스크립트 JSP에서 파일 이미지 미리보기 구현 (2) | 2023.02.18 |
제이쿼리 nav바 토글버튼 만들기(EMP/detail) (0) | 2023.02.08 |
제이쿼리 특정행 클릭 시 정보 가져오기 (동적으로 생성된 요소의 이벤트 처리) (0) | 2023.02.08 |