Effect/퀴즈6 Quiz 06 quiz06 답을 누르면 설명과 함께 다음 문제 보기 박스? 가 나오는 구조이다. 누르면 다음 문제로 넘어간다. 마지막 문제에서는 총 갯수가 나온다. 선택자 // 선택자 const quizType = document.querySelector(".quiz__type"); //퀴즈 타입 const quizQuestion = document.querySelector(".quiz__question"); //문제번호, const quizSelects = document.querySelector(".quiz__selects"); //객관식 보기 const quizResult = document.querySelector(".quiz__answer .result") //해설 const quizConfirm = docu.. 2022. 8. 24. Quiz 05 quiz05 문제를 맞추면 갯수가 나오는 구조이다. const quizWrap = document.querySelector(".quiz__wrap"); let quizScore = ""; const updateQuiz = () => { const exam = []; quizInfo.forEach((question, number) => { exam.push(` <div class="quiz"> <pan class="quiz__type">${question.answerType}</span> <h2 class="quiz__question"> <span class="number">${question.ansWerNum}</span> <div class="ask">${question.ans.. 2022. 8. 24. quiz04 quiz04 문제의 답가 4개가 있는 객관식 구조이다. ●답가 4개 여서 quiz__answer 밑에 quiz__selects 추가한다. <div class="quiz__selects"></div> <div class="quiz__selects"> <label for="select1"> <input type="radio" id="select1" class="select" name="select" value="1"> <span class="choice"></span> </label> <label> <input type="radio" id="select2" class="select" name="select" value="2"> <span class="choice">&l.. 2022. 8. 8. quiz 03 quiz03 4문제가 있는 구조이다. 선택자 quiz 문제가 여러개면 querySelector뒤에 All을 붙여야한다. const quizType = document.querySelectorAll(".quiz__type"); //퀴즈종류 const quizNumber = document.querySelectorAll(".quiz__question .number"); //퀴즈번호 const quizAsk = document.querySelectorAll(".quiz__question .ask"); //퀴즈 질문 const quizConfirm = document.querySelectorAll(".quiz__answer .confirm"); //정답확인버튼 const quizResult = document... 2022. 8. 5. quiz 02 quiz 02 정답을 적어서 맞으면 "맞았습니다!" 정답이 틀리면 "틀렸습니다!" 선택자 const quizType = document.querySelector(".quiz__type"); //퀴즈종류 const quizNum = document.querySelector(".quiz__question .number "); //퀴즈번호 const quizask = document.querySelector(".quiz__question .ask"); //퀴즈 질문 const quizconfirm = document.querySelector(".quiz__answer .confirm"); //정답확인버튼 const quizResult = document.querySelector(".quiz__answer .R.. 2022. 8. 4. quiz01 quiz01 정답 확인 버튼을 누르면 답이 나오는 구조이다. 선택자 const quizType = document.querySelector(".quiz__type"); //퀴즈종류 const quizNum = document.querySelector(".quiz__question .number "); //퀴즈번호 const quizask = document.querySelector(".quiz__question .ask"); //퀴즈 질문 const quizconfirm = document.querySelector(".quiz__answer .confirm"); //정답확인버튼 const quizResult = document.querySelector(".quiz__answer .Result"); //정.. 2022. 8. 4. 이전 1 다음