Effect32 퀴즈 만들기02/ 주관식 유형 퀴즈 만들기_주관식 유형 이번에도 자바 스크립트를 이용해서 퀴즈를 만들어 보겠습니다. 저번시간과는 다르게 스크립트를 이용해 문제를 입력 후, 정답확인을 눌렀을 때 1. 정답 확인하기 버튼을 숨기고 정답을 출력하며 2. 정답일 경우 "정답입니다"출력, 오답일 경우 "오답입니다"를 출력 합니다. 원본 소스 보기 Javascript 영문의 경우에는 대소문자에 따라 맞는 정답도 오답이 될 수 있으므로 정답과 입력된정답값을 소문자로 변환시키는 toLowerCase()를 활용하고 공백을 제거하기 위해 trim()을 활용합니다. // 선택자 // querySelector를 이용해 각 class이름에 연결시킴 const quizType = document.querySelector(".quiz__type"); // 퀴즈.. 2022. 8. 4. 퀴즈 만들기01/ 정답 확인 유형 퀴즈 만들기_정답 확인하기 유형 오늘은 자바 스크립트를 이용해서 퀴즈를 만들어 보겠습니다. 스크립트를 이용해 문제를 입력 후, 정답확인을 눌렀을 때 정답 확인하기 버튼을 눌렀을 때 정답을 보여줍니다. 원본 소스 보기 Javascript innerHTML/innerText : html은 태그를 인식하고, text 는 말그대로 텍스트로 출력합니다. textContent()를 사용할 수 도 있지만 이 메서드는 브라우저 호환문제로 잘 쓰지 않습니다. // 선택자 // querySelector를 이용해 각 class이름에 연결시킴 const quizType = document.querySelector(".quiz__type"); // 퀴즈 종류 const quizNumber = document.querySelec.. 2022. 8. 4. 이전 1 2 다음 반응형
