json 2

[javascript] 자바스크립트 객관식 퀴즈 만들기(json)

자바스크립트 객관식 퀴즈 만들기 자밥스크립트를 이용하여 JSON파일로 저장한 문제 데이터를 불러와 객관식문제를 만들어 보겠습니다. 정답을 체크하면 omr카드에 체크가 되고, 남은 문제가 표시되며, 다풀고 제출하면 정답과 오답, 채점표시가 나타나는 효과를 적용합니다. 문제를 풀어볼까요? HTML Quiz 객관식 확인 CBT 유형 1 2 3 4 5 6 7 2020년 1회 정보처리기능사 기출문제 제출하기 59분 10초 수험자 : 권현정 전체 문제수 : 0문항 남은 문제수 : 0 기능사 시험 도전하기 정보처리기능사 2005년 2회 정보처리기능사 2005년 4회 정보처리기능사 2005년 5회 정보처리기능사 2006년 1회 정보처리기능사 2006년 2회 정보처리기능사 2006년 3회 정보처리기능사 2006년 5회 ..

WEB/JAVASCRIPT 2023.04.04

[javascript] 자바스크립트 객관식 문제 만들기(JSON)

자바스크립트와 json을 사용한 객관식 문제 만들기 문제를 풀어볼까요? html Quiz 객관식 확인 OMRcard 형식 1 2 3 4 5 6 7 2020년 1회 정보처리기능사 기출문제 59분 10초 제출하기 수험자 : 전체 문제수 : 60문항 남은 문제수 : 59문항 ✈. 01. 객관식 문제를 먼저 html으로 작성 02. json파일에 문제에 대한 데이터를 담기 03. 문제에 대한 html을 자바스크립트로 json데이터를 불러오는 식으로 바꿈 css .cbt__selects{ margin-bottom: 15px; } .cbt__selects label{ display: flex; } .cbt__selects label span{ font-size: 1rem; line-height: 1.5; curso..

WEB/JAVASCRIPT 2023.04.03
반응형