const player = {
    name: "nico",
    points: 10,
    fat: true,
};

// 아래 두개의 결과값은 같음
console.log(player["name"]);
console.log(player.name);

console.log(typeof num); 

const num = prompt("how old are you?"); 

const title = document.getElementsById("title");
console.log(title.className);

const hellos = document.getElementsByClassName("hello");
console.log(hellos);

const title = document.getElementsByTagName("h1");
console.log(title);

const title = document.querySelector(".hello  h1");
console.log(title);
// querySelector에는 hello가 class name이라는 것과 그 안의 h1을 명시해줘야 함
// getElementsByCalssName("hello")에서 JavaScript는 우리가 class name을 넘겨줄 것을 알고 있음

// 아래 코드들은 동일한 결과값을 반환한다
const title = document.querySelector("#hello");
const title = document.getElementById("hello");

const title = document.querySelector(".hello:first-child h1");

function handleTitleClick() {
    title.style.color = "blue"
}

title.addEventListener("click", handleTitleClick);

handleTitleClick();