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!
โ€‹

Quiz #2

1
/*
2
โ€‹
3
๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„ ๋•Œ pํƒœ๊ทธ์˜ ํฐํŠธ๋ฅผ ๋ณธ์ธ์ด ์›ํ•˜๋Š” ์ƒ‰์ƒ์ด ๋˜๋„๋ก
4
5
์ด๋ฒคํŠธ๋ฅผ ๋“ฑ๋ก์‹œ์ผœ ์ฃผ์„ธ์š”!
6
โ€‹
7
๐Ÿšจ HTML, CSS๋Š” ์ˆ˜์ •ํ•˜์ง€ ์•Š๊ณ  JS๋งŒ ์ˆ˜์ •ํ•ด์ฃผ์„ธ์š”.
8
โ€‹
9
*/
10
โ€‹
11
const buttonElement = document.querySelector("button");
Copied!
โ€‹

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!
Copy link
Edit on GitHub