본문 바로가기
퀴즈 유형 02 02. 퀴즈 유형 퀴즈를 스크립트로 퀴즈 질문와 번호, 확인 버튼,결과를 도출해보았다. 이번에는 답을 주관식으로 적어 if문을 사용해 참인지 거짓인지 구별할 수 있습니다. 아래는 HTML입니다. 가지고 있는 애니메이션을 가져와 문제를 맞추면 반응할 수 있도록 제재작 하였으며 따로 구형으로 애니메이션을 넣었습니다. 정답입니다. 틀렸습니다. 정답 확인하기 아래는 자바스크립트입니다. function을 화살표 함수로 생략하였으며, toLowerCase().trim()을 사용하여 소문자로도 정답이라고 나올 수 있게 하였습니다. //선택자 const quizType = document.querySelector(".quiz_type"); //퀴즈 종류 const quizNumber = document.querySel.. 2022. 8. 4.
퀴즈 유형 01 01. 퀴즈 유형 퀴즈를 스크립트로 퀴즈 질문와 번호, 확인 버튼,결과를 도출해보았습니다. 아래는 HTML입니다. 가지고 있는 애니메이션을 가져와 문제를 맞추면 반응할 수 있도록 제재작 하였습니다. 정답 확인하기 아래는 자바스크립트입니다. const로 데이터를 저장하고, innerText로 출력하여, 함수로 반응할 수 있게 만들었습니다. //선택자 const quizType = document.querySelector(".quiz_type"); //퀴즈 종류 const quizNumber = document.querySelector(".quiz_question .number"); //퀴즈 번호 const quizAsk = document.querySelector(".quiz_question .ask");.. 2022. 8. 4.

고양이 고양이
고양이 고양이
고양이 고양이