01. 주관식 : 정답 확인하기

        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")     //강아지
       
        //문제 정보
        const answerType = "HTML"; 
        const answerNum = 1; //문제 번호
        const answerAsk = "컨텐츠의 구조를 정의하는 마크업 언어는 무엇일까요?"; //질문
        const answerResult = "html"; //정답

        //문제 출력
        quizCategory.textContent = answerType;
        quizNumber.textContent = answerNum+". ";
        quizAsk.textContent = answerAsk;
        quizResult.textContent = answerResult;

        //정답 확인
        //정답 버튼을 클릭하면 정답 확인을 안 보이게... 숨겨진 정답은 보이게
        quizConfirm.addEventListener("click", () => {
            quizConfirm.style.display = "none"
            quizResult.style.display = "block"

            //정답을 확인하면 강아지 웃고 있어야 함
            quizDog.classList.add("like") 
        });

퀴즈01 사이트