๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

foreach2

ํ€ด์ฆˆ ๋ฌธ์ œ ๋งŒ๋“ค๊ธฐ04 ํ€ด์ฆˆ ๊ฐ๊ด€์‹ ์œ ํ˜• ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ์›น๋””์ž์ธ๊ธฐ๋Šฅ์‚ฌ ํ•„๊ธฐ๋ฌธ์ œ๋ฅผ ๊ฐ๊ด€์‹ ์œ ํ˜• ํ€ด์ฆˆ๋กœ ์—ฌ๋Ÿฌ๊ฐœ ์ œ์ž‘ํ•ด๋ณด๊ธฐ ํ•˜๋‚˜์˜ ๊ฐ๊ด€์‹ ๋ฌธ์ œ๋ฅผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ๋งŒ๋“ค์–ด๋ณด์ž! #1. ์„ ํƒ์ž ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์†Œ์Šค ์ƒ์ˆ˜์—๊ฒŒ ํ•ด๋‹น๋ช…์นญ(ex: quizType)์„ ์„ ์–ธํ•ด์ฃผ๊ณ  ์ฟผ๋ฆฌ์…€๋ž™ํ„ฐ(ํƒœ๊ทธ, ์•„์ด๋””, ํด๋ž˜์Šค๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ)๋กœ ์„ ํƒํ•œ ์š”์†Œ๋ฅผ ์ฐพ์•„์„œ ๋„ฃ์–ด๋ณด์ž! //์„ ํƒ์ž const quizType = document.querySelector(".quiz__type"); //ํ€ด์ฆˆ์ข…๋ฅ˜ const quizNumber = document.querySelector(".quiz__question .number"); //ํ€ด์ฆˆ ๋ฒˆํ˜ธ const quizAsk = document.querySelector(".quiz__question .ask".. 2022. 8. 8.
ํ€ด์ฆˆ ๋ฌธ์ œ ๋งŒ๋“ค๊ธฐ03 ํ€ด์ฆˆ ์ฃผ๊ด€์‹(์—ฌ๋Ÿฌ๋ฌธ์ œ) ์œ ํ˜• ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ์›น๋””์ž์ธ๊ธฐ๋Šฅ์‚ฌ ํ•„๊ธฐ๋ฌธ์ œ๋ฅผ ์ฃผ๊ด€์‹ ์œ ํ˜• ํ€ด์ฆˆ๋กœ ์—ฌ๋Ÿฌ๊ฐœ ์ œ์ž‘ํ•ด๋ณด๊ธฐ 4๊ฐœ์˜ ์ฃผ๊ด€์‹ ํ€ด์ฆˆ๋ฅผ ํ•˜๋“œ ์ถœ๋ ฅ, ๋ฐ˜๋ณต๋ฌธ๊ณผ ์กฐ๊ฑด๋ฌธ์„ ์ด์šฉํ•œ ์ถœ๋ ฅ์œผ๋กœ ๋‚˜๋ˆ„์–ด ์‚ดํŽด๋ณด์ž! #1. ์„ ํƒ์ž ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์†Œ์Šค ์ƒ์ˆ˜์—๊ฒŒ ํ•ด๋‹น๋ช…์นญ(ex: quizType)์„ ์„ ์–ธํ•ด์ฃผ๊ณ  ์ฟผ๋ฆฌ์…€๋ž™ํ„ฐ(ํƒœ๊ทธ, ์•„์ด๋””, ํด๋ž˜์Šค๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ)๋กœ ์„ ํƒํ•œ ์š”์†Œ๋ฅผ ์ฐพ์•„์„œ ๋„ฃ์–ด๋ณด์ž! //์„ ํƒ์ž const quizType = document.querySelectorAll(".quiz__type"); //ํ€ด์ฆˆ์ข…๋ฅ˜ const quizNumber = document.querySelectorAll(".quiz__question .number"); //ํ€ด์ฆˆ ๋ฒˆํ˜ธ const quizAsk = document.querySel.. 2022. 8. 6.
728x90
๋ฐ˜์‘ํ˜•

Lucky Charms Rainbow
js
html
css