안녕하세요!! 자바스크립트 공부하고있는 주니어입니다

title 클릭하면 색상 변하게하는 코드 연습해보고있는데 자바를 불러오지 못하고있는거같네요
한번 봐주시면 감사하겠습니다
(index.html)
!Doctype html
html
head
/head
body
meta charset = “utf-8”
script src = “index.js” /script
h1 id = “title” heee23o /h1
/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파일에에 <>이거는 뺏어요
학원에 가기 부담스러워 혼자 공부하고있는데 힘든 부분 알려주셔서 항상감사드립니다!!

스크립트가 #title 이 생기기 전에 실행되어서
document.querySelector(’#title’)
의 결과값이 null입니다.

h1 id=“title” heee23o /h1
script src = “index.js” /script

로 순서를 변경해보세요.