01. 퀴즈 이펙트 : 주관식 : 정답 확인하기 유형(1문제)
정답버튼을 누르면 정답이 나오는 퀴즈입니다.
- 저장하기 : 변수
- 제어하기 : if문
- 선택자 : querySelector()
- 메서드 : innerText(), classList
- 이벤트 : addEventListener()
02. 퀴즈 이펙트 : 주관식 : 정답 확인하기 유형(3문제)
정답버튼을 누르면 정답이 나오는 퀴즈입니다.
- 저장하기 : 변수, 배열, 객체
- 제어하기 : if문, for문, forEach()
- 선택자 : querySelector(), querySelectorAll()
- 메서드 : textContent(), style, trim(), toLowerCase()
- 이벤트 : addEventListener()
03. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(1문제)
객관식을 선택하면 정답을 알려줍니다.
- 저장하기 : 변수, 배열, 객체
- 제어하기 : 다중 if문, for문, break문
- 선택자 : querySelector(), querySelectorAll()
- 메서드 : innerHTML(), classList
- 이벤트 : addEventListener()
04. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(3문제)
객관식을 선택하면 정답을 알려줍니다.
- 저장하기 : 변수, 배열, 객체
- 실행하기 : 익명 함수, 매개변수 함수
- 제어하기 : 다중 if문, forEach
- 선택자 : querySelector(), querySelectorAll()
- 메서드 : join(), push(), classList, alert()
- 이벤트 : addEventListener()
05. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(슬라이드)
객관식 문제를 슬라이드 형식으로 작업합니다.
- 저장하기 : 변수, 배열, 객체
- 실행하기 : 익명 함수, 매개변수 함수, 화살표 함수
- 제어하기 : 다중 if문,
- 선택자 : querySelector(), querySelectorAll()
- 메서드 : innerHTML
- 이벤트 : addEventListener()
06. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(슬라이드, JSON)
JSON 파일을 이용해서 객관식 문제를 슬라이드 형식으로 작업합니다.
- 저장하기 : 변수, 배열, 객체, JSON
- 실행하기 : 익명 함수, 매개변수 함수, 화살표 함수, 리턴값 함수
- 제어하기 : 다중 if문,forEach()
- 선택자 : querySelector(), querySelectorAll()
- 메서드 : innerHTML
- 이벤트 : addEventListener()
07. 퀴즈 이펙트 :
JSON 파일을 이용하여 객관식 문제를 슬라이드 형식으로 표시하고 퀴즈 효과를 추가합니다.
- 저장하기 : 변수, 배열, 객체, JSON
- 실행하기 : 익명 함수, 매개변수 함수, 화살표 함수, 리턴값 함수
- 제어하기 : 다중 if문,forEach(), for문, 삼항연산자
- 선택자 : querySelector(), querySelectorAll(), getElementById()
- 메서드 : fetch(), setInterval(), clearInterval()
- 이벤트 : addEventListener("change"), ("click")