1. 오늘 배울 내용
- JavaScript는 웹페이지가 움직이게 만드는 언어예요.
- click 이벤트를 쓰면 버튼을 눌렀을 때 할 일을 정할 수 있어요.
2. 따라 하기
1
버튼을 하나 만들어요.
2
버튼을 찾는 코드를 작성해요.
3
클릭하면 문장이 바뀌게 해요.
3. 직접 해보기
버튼을 누르면 '성공!'이라는 글자가 보이게 만들어보세요.
코드 예제
javascript
const button = document.querySelector('#start');
const message = document.querySelector('#message');
button.addEventListener('click', () => {
message.textContent = '성공!';
});
코드 실행기 영역
이번 버전에서는 예제를 보고 따라 쓰는 영역만 제공합니다. 실행기는 다음 단계에서 연결할 수 있어요.
4. 확인 문제
1. 버튼을 눌렀을 때 실행되는 이벤트 이름은?