안녕하세요 자바스크립트 공부하고있는 학생입니다

JavaScript
1

title 클릭하면 색상 변하게하는 코드 연습해보고있는데 자바를 불러오는것까지는 되는데 클릭이벤트가 실행이 잘 안되는것같네요 혹시 아시는 분 계시면 도움 한번 부탁드립니다.
(index.html)
!Doctype html
html
head
/head
body
meta charset = “utf-8”
h1 id = “title” heee23o /h1
script src = “index.js” /script
/body
/html
(index.js)
const title = document.querySelector("#title");
title.style.color = “red”;
baseColor = “red”;
otherColor = “blue”;
function handelclick(){
if(title.style.color == baseColor){
title.style.color = othercolor;
}
else{
title.style.color = baseColor;
}
}

function init(){
title.style.color = baseColor;
title.addEventListener(“click”,handelclick);
}
init();
html파일에에 <>이거는 뺏어요

2

오타가 있네요. 변수선언에선 otherColor라고 선언하셨는데 함수 안에서 othercolor라고 사용하셔서 작동하지 않는 것입니다.
if(title.style.color == baseColor){
title.style.color = otherColor;
}
이렇게 변경하시면 정상작동 합니다.

3

글을 올리실 때 다음 글을 참고하시면 보기도 좋고 편하게 코드를 추가할 수 있습니다.