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

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

  • 저장하기 : 변수
  • 제어하기 : if문
  • 선택자 : document.querySelector()
  • 메서드 : innerText(), classList()
확인하기

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

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

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

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

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

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

04. 퀴즈 이펙트 : 객관식 : 정답 선택하기 (3문제)

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

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

05. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(슬라이드 3문제)

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

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

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

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

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

07. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(스크롤, JSON)

JSON 파일을 이용해서 객관식 문제를 스크롤 CBT 형식으로 작업합니다.

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