01. 퀴즈 이펙트 : 정답 확인하기 유형(1문제)

정답버튼을 누르면 정답이 나오는 퀴즈입니다.

  • 저장하기 : 변수, 배열, 객체
  • 제어하기 : if문 , for문, forEach()
  • 선택자 : querySelector(), querySelectorAll()
  • 메서드 : innerText(), classList.add(), classList.remove()
  • 이벤트 : addEventListener()
확인하기

02. 퀴즈 이펙트 : 정답 확인하기 유형(5문제)

정답버튼을 누르면 정답이 나오는 퀴즈입니다.

  • 저장하기 : 변수, 배열, 객체
  • 제어하기 : if문 , for문, forEach()
  • 선택자 : querySelector(), querySelectorAll()
  • 메서드: textContent(), style, trim(), toLowerCase()
  • 이벤트 : addEventListener()
확인하기

03. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(1문제)

객관식을 선택하면 정답을 알려줍니다.

  • 저장하기: 변수, 배열, 객체
  • 제어하기: 다중 if문, for문, break문
  • 선택자: querySelector(), querySelectorAll()
  • 메서드: innerHTML, alert(), stylem
  • 이벤트: addEventListener()
확인하기

04. 퀴즈 이펙트 : 정답 확인하기 유형(객관식 100문제)

정답버튼을 누르면 정답이 나오는 퀴즈입니다.

  • 저장하기: 변수, 배열, 객체
  • 실행하기: 익명 함수 , 매개변수 함수
  • 제어하기: 다중 if문, forEach
  • 제어하기: querySelector(), querySelectorAll()
  • 메서드: join(), push(), classList, alert()
  • 이벤트: addEventListener()
확인하기

05. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형

객관식 문제를 슬라이드 형식으로 작업합니다.

  • 저장하기: 변수, 배열, 객체
  • 실행하기: 익명 함수 , 매개변수 함수, 화살표함수
  • 제어하기: 다중 if문,
  • 제어하기: querySelector(), querySelectorAll()
  • 메서드: innerHTML, classList
  • 이벤트: addEventListener()
확인하기

06. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(슬라이드, JSON)

JSON 파일을 이용해서 객관식 문제를 슬라이드 형식으로 작업합니다.

  • 저장하기:
  • 실행하기:
  • 제어하기:
  • 제어하기:
  • 메서드:
  • 이벤트:
확인하기

07. 퀴즈 이펙트 : 객관식 : OMR 정답 선택하기 유형(슬라이드, JSON)

JSON 파일을 이용해서 객관식 문제를 OMR시험 효과로 적용합니다..

  • 저장하기:
  • 실행하기:
  • 제어하기:
  • 제어하기:
  • 메서드:
  • 이벤트:
확인하기

08. 퀴즈 이펙트 : 주관식 : (슬라이드, JSON)

JSON 파일을 이용해서 주관식 문제를 슬라이드 형식으로 작업합니다.

  • 저장하기:
  • 실행하기:
  • 제어하기:
  • 제어하기:
  • 메서드:
  • 이벤트:
확인하기