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

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

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

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

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

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

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

정답을 선택하면 정답이 나오는 퀴즈입니다.

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

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

정답을 선택하면 정답이 나오는 퀴즈입니다.

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

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

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

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

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

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

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