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. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ