소스보기
제목

// 문제 정보
const infoDate = "2021년 10월";
const infoType = " 정보처리 기능사";
const infoNum = "1. ";
const infoQuestion = "CPU의 정보처리 속도 단위 중 초당 100만 개의 연산을 수행한다는 의미의 단위는?";
const infoAnswer = "MIPS";
const infoDesc = "LIPS는 초당 1개,  KIPS는 초당 1,000개, MIPS는 초당 100,000의 연산을 수행하는 것을 의미합니다.";

// 선택자
const quizWrap = document.querySelector(".quiz_wrap");
const quizDate = quizWrap.querySelector(".quiz_date");
const quizType = quizWrap.querySelector(".quiz_type");
const quizNum = quizWrap.querySelector(".quiz_question em");
const quizQuestion = quizWrap.querySelector(".quiz_question span");
const quizAnswer = quizWrap.querySelector(".quiz_answer");
const quizDesc = quizWrap.querySelector(".quiz_desc");
const quizConfirm = quizWrap.querySelector(".quiz_confirm");
const quizInput = quizWrap.querySelector(".quiz_input input");
const quizAnimation = quizWrap.querySelector(".quiz_animation");

// 문제 출력
quizDate.innerText = infoDate;
quizType.innerText = infoType;
quizNum.innerText = infoNum;
quizQuestion.innerText = infoQuestion;
quizAnswer.innerText = infoAnswer;
quizDesc.innerText = infoDesc;

// 정답 해설 숨기기
quizAnswer.classList.add("none");
quizDesc.classList.add("none");

// 정답확인하기
quizConfirm.addEventListener("click", () => {
    const userAnswer = quizInput.value;
    if(infoAnswer == userAnswer) {
        alert("정답입니다.");
        quizAnimation.classList.add("like");
    }else {
        alert("틀렸습니다.");
        quizAnimation.classList.add("dislike");
    }
    quizAnswer.classList.remove("none");
    quizDesc.classList.remove("none");
    quizConfirm.classList.add("none");
    quizInput.classList.add("none");
});