퀴즈 만들기2 퀴즈 만들기06 / 객관식 다중형(슬라이드) 퀴즈 만들기_객관식 유형(슬라이드) 이번시간에는 객관식 유형(다중형)을 만들어보겠습니다! 이번엔 60문항이나 만들어야 하는데 일일히 html태그로 입력하기는 번거로우므로 스크립트를 잘~ 이용해서 작업해보겠습니다. 원본 소스 보기 원본 사이트 HTML 소스 문제 안의 변하는 내용들은 가변하는 값이지만 기본틀은 변함없으므로 html에서 필요한 부분(기본틀에 해당하는 요소들)만 작성합니다. 무엇이 빠지는 건지는 주석처리로 해놨으니 주석표시를 보시면서 확인해 주세요! 정답🐾 오답 입니다! 다음 문제 ≫ JAVASCRIPT 소스 if(quizInfo.length -1 == quizCount){ quizConfirm.innerHTML = "총 " + quizInfo.length +"문제 중 " + answerCou.. 2022. 8. 24. 퀴즈 만들기05/ 객관식 다중형 퀴즈 만들기_객관식 유형(다중) 이번시간에는 객관식 유형(다중형)을 만들어보겠습니다! 이번엔 60문항이나 만들어야 하는데 일일히 html태그로 입력하기는 번거로우므로 스크립트를 잘~ 이용해서 작업해보겠습니다. 원본 소스 보기 원본 사이트 HTML 소스 js를 이용해서 quiz__wrap안에 기존의 소스들을 반복해서 넣어주기 위해 안의 내용들은 제거합니다. JAVASCRIPT 소스 exam.push(``) quizWrap.innerHTML = exam.join(''); const exam = []으로 배열형식으로 exam을 지정했습니다. push()메서드는 값을 배열로 넣어주는 메서드인데요. 배열로 값이 들어가는 특성때문에 ,(쉼표)로 각각 구분이 됩니다. 그래서 저희가 원하는 기존의 소스형식대로 들어갈 .. 2022. 8. 24. 이전 1 다음 반응형
