본문 바로가기
반응형

Script Sample/Quiz Effect

 (5)
Quiz Effect05 - 객관식 : 여러문제 정답 확인 const quizWrap = document.querySelector(".quiz__wrap"); //문제 정보 const quizInfo = [ { answerType : "javascript", answerNum : 1, answerAsk : "객체 기반의 스크립트 프로그래밍 언어는 무엇입니까?", answerChoice : { 1: "html", 2: "css", 3: "javascript", 4: "react" }, answerResult : "3", answerEx : "객체 기반의 스크립트 프로그래밍 언어는 자바스크립트입니다." }, { answerType : "html", answerNum : 2, answerAsk : "웹 페이지를 표현하기 위한 마크업 언어는 무엇인가요?", answer..
Quiz Effect04 - 객관식 : 정답 확인 const quiz = document.querySelector(".quiz"); const quizType = document.querySelector(".quiz__type"); //문제 유형 const quizNumber = document.querySelector(".quiz__number"); //문제 번호 const quizAsk = document.querySelector(".quiz__ask"); //문제 질문 const quizConfirm = document.querySelector(".quiz__confirm"); //문제 정답 버튼 const quizResult = document.querySelector(".quiz__result"); //문제 정답 const quizView = ..
Quiz Effect03 - 주관식 :여러문제 정답 쓰고 확인 const quizType = document.querySelectorAll(".quiz__type"); //문제 유형 const quizNumber = document.querySelectorAll(".quiz__number"); //문제 번호 const quizAsk = document.querySelectorAll(".quiz__ask"); //문제 질문 const quizConfirm = document.querySelectorAll(".quiz__confirm");//문제 정답 버튼 const quizResult = document.querySelectorAll(".quiz__result"); //문제 정답 const quizeView = document.querySelectorAll(".qui..
Quiz Effect02 - 주관식 : 정답 쓰고 확인 //설명. 참고사항. const quizType = document.querySelector(".quiz__type"); //퀴즈 종류 const quizNumber = document.querySelector(".quiz__number"); //퀴즈 번호 const quizAsk = document.querySelector(".quiz__ask"); //퀴즈 질문 const quizConfirm = document.querySelector(".quiz__confirm"); //정답 확인 버튼 const quizResult = document.querySelector(".quiz__result"); //정답 결과 const quizDog = document.querySelector(".dog"); //강..
Quiz Effect01 - 주관식 : 정답 확인 //설명. 참고사항. const quizType = document.querySelector(".quiz__Type") //퀴즈 종류 const quizNumber = document.querySelector(".quiz__number") //퀴즈 번호 const quizAsk = document.querySelector(".quiz__ask") //퀴즈 질문 const quizConfirm = document.querySelector(".quiz__confirm") //정답 확인 버튼 const quizResult = document.querySelector(".quiz__result") //정답 결과 const quizDog = document.querySelector(".quiz__view .dog..
반응형

티스토리툴바