자바스크립트 이벤트

<div id="box">I'm box!</div>
<div id="box2">I'm box2!</div>
<div id="box3" onclick="text_change2(this.id);">I'm box3!</div>

const box = document.getElementById("box");
const box2 = document.getElementById("box2");
console.log(box, typeof box); //객체다!

const text_change = function () {
    //const에는 함수를 담을 수 있음
    this.innerHTML = "박스이름 바꿔!";
    //box.innerHTML = "박스이름 바꿔!";
};
box.addEventListener("click", text_change); //클릭이라는 이벤트를 추가(addEventListener)
    //변수.이벤트추가('이벤트명',함수)
    box2.onclick = function () {
    this.innerHTML = "다른방식으로 바꿔보자!";
};

function text_change2(clicked_id) {
    //id값을 받아와서 변수에 저장 후 함수 실행
    //alert(clicked_id);
    const box = document.getElementById(clicked_id);
    box.innerHTML = "온클릭으로 바꿔보자!";
}