웹 공부중... 내 코딩 정리노트

http://wwuu12366.dothome.co.kr/php/quiz/quiz.php PHP 사이트 wwuu12366.dothome.co.kr HTML 컨텐츠 영역 코딩 퀴즈 코딩 공부를 퀴즈를 재밌게 해봅시다! 과목 선택 javascript jquery html css . 해설 보기 다음 문제 정답 확인 해설보기 닫기 CSS /* quiz */ .quiz__inner { text-align: left; } .quiz__body .title { background: #fff; padding: 40px; border-radius: 10px; font-size: 40px; } .quiz__num { font-size: 40px; } .quiz__ask { font-size: 24px; } .quiz__de..

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 : "웹 페이지를 다른 페이지로 연결하는 링크는 무엇입니까?", answe..

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 = document.querySelector(".quiz__view"); //문제 화면..

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 quizView = document.querySelectorAll(".qui..

const quizCategory = document.querySelector(".quiz__category") //퀴즈 종류 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 = document.querySelector(".quiz__view") //강아지..

const quizCategory = document.querySelector(".quiz__category") //퀴즈 종류 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") /..