기초 지식 5 / 21

누르면 일어나는 일: 이벤트

'버튼이 눌리면 → 이것을 해라'를 미리 약속해 두는 거예요.

초인종을 누르면 '딩동' 소리가 나죠? 프로그램도 똑같아요. '누르기', '글자 쓰기', '사진 고르기' 같은 일을 '이벤트'라고 하고, 그때 할 일을 미리 정해 둬요.

돌리기 버튼에 할 일 붙이기

const button = document.getElementById("spin");← 이름표가 spin인 버튼을 찾아요

button.addEventListener("click", () => {← 눌리면(click)

spinWheel();← 원판을 돌려요

});← 약속 끝

addEventListener는 '이 일이 생기면 알려줘'라는 뜻이에요. 코드 탭에서 이 단어를 찾으면 프로그램이 무엇에 반응하는지 다 보여요.

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

addEventListenerclick

작업실에서 해 보기

채팅창에 이렇게 보내 보세요.

“제목을 누르면 '안녕하세요!' 알림이 뜨게 해줘”

🧩 이 내용이 나오는 따라 만들기