JavaScript-3

const title = document.querySelector(".hello h1");


console.dir(title);

title.style.color= "blue";

• querySelector는 앞서 나열한 모든걸 할 수 있고, querySelectorAll을 사용하면 hello 라는 이름의 class를 전부 가져올수 있다.
• JavaScript에서 대부분 작업할일은 event를 listen 하고, click 마우스를 올려놓고 나 하는 다양한 작업들을 말한다.

• 이벤트 리스너에 대해
  - 첫번째 우리는 eventListener는 말 그대로 event listen 하고 은지 알려줘야함
  우리가 바라는건 유저가 title을 click할 경우에 자바스크립트가 실행버튼을 대신 눌러주길 바라는 거다.

const title = document.querySelector(".hello");

function handTitleClick(){
    console.log("title was clicked");
}
    title.addEventListener("click", handTitleClick);

• 클릭을 했을때 title was clicked가 클릭됐다는 표시가 나온다.