🖋 Events Practice

Search…

🖋 Events Practice

Quiz #1
1
/*
2
​
3
  < Events basic 1 >
4
​
5
  Button1을 눌럿을 때, Button2와 같이 "🎉"메세지와 함께
6
  
7
  알림창이 나나탈 수 있도록 button1Element에 이벤트를 등록시켜 주세요!
8
​
9
  🚨 HTML, CSS는 수정하지 않고 JS만 수정해주세요.
10
​
11
*/
12
​
13
const button1Element = document.querySelector(".button1");
Copied!
​Codepen에서 직접 해보기​
​
Quiz #2
1
/*
2
​
3
  버튼을 눌렀을 때 p태그의 폰트를 본인이 원하는 색상이 되도록
4
  
5
  이벤트를 등록시켜 주세요!
6
​
7
  🚨 HTML, CSS는 수정하지 않고 JS만 수정해주세요.
8
​
9
*/
10
​
11
const buttonElement = document.querySelector("button");
Copied!
​Codepen에서 직접 해보기​
​
Quiz #3
1
/*
2
​
3
  < 신호등 불 켜기 >
4
​
5
  다음과 같은 조건을 만족하여 신호등의 불이 켜질수 있도록 만들어 주세요!
6
  
7
  📌 Stop, Pause, Go 클릭 시 빨간색, 주황색, 초록색불이 들어와야 합니다.
8
  📌 전체 불 끄기 버튼을 클릭하면 모든 불이 꺼져야 합니다.
9
  
10
  🚨 HTML, CSS는 수정하지 않고 JS만 수정해주세요.
11
​
12
*/
13
​
14
const buttonElement = document.querySelector("button");
Copied!
​Codepen에서 직접 해보기​

📗 Events

Next - Step 3

Drawing Webpages

Last modified 4mo ago

Copy link

Edit on GitHub

Contents

Quiz #1

Quiz #2

Quiz #3