๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

Javascript/Effect21

ํ€ด์ฆˆ ๋งŒ๋“ค๊ธฐ (1) ์ •๋‹ต ํ™•์ธํ˜• โญ๏ธ Javascript โ˜› Quiz Effect โญ๏ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ํ€ด์ฆˆ๋ฅผ ๋งŒ๋“ค์–ด๋ณด์ž. ํ€ด์ฆˆ์˜ ๊ตฌ์„ฑ ํ€ด์ฆˆ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ์ •๋ณด๋Š” ํ€ด์ฆˆ ์ข…๋ฅ˜, ํ€ด์ฆˆ ๋ฒˆํ˜ธ, ์งˆ๋ฌธ ๋‚ด์šฉ, ์ •๋‹ต ๊ฒฐ๊ณผ์™€ ํ™•์ธ ๋ฒ„ํŠผ ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์— ์ด๋ฆ„์„ ์ง€์ •ํ•˜๊ณ , ์›ํ•˜๋Š” ๊ณณ์— ์ •๋ณด์˜ ๊ฐ’์„ ์ถœ๋ ฅํ•ฉ๋‹ˆ๋‹ค. [1] ์ •๋‹ต ํ™•์ธ๋งŒ ํ•˜๋Š” ์œ ํ˜• ์งˆ๋ฌธ ๋‚ด์šฉ๊ณผ ๋‹ต์ด ์žˆ๊ณ , ํด๋ฆญํ•˜๋ฉด ์ •๋‹ต์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ํ€ด์ฆˆ ๋ฌธํ•ญ์„ ๋งŒ๋“ค์–ด๋ด…๋‹ˆ๋‹ค. // 01. ์„ ํƒ์ž : ํ‘œํ˜„ํ•  ๋Œ€์ƒ์ด ๋˜๋Š” ๋ถ€๋ถ„์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. const quizType = document.querySelector(".quiz__type"); // ํ€ด์ฆˆ ์ข…๋ฅ˜ const quizNumber = document.querySelector(".quiz__question .number"); // ํ€ด์ฆˆ ๋ฒˆ.. 2022. 8. 4.
728x90
๋ฐ˜์‘ํ˜•