I. 퀴즈 이펙트 : 정답 확인하기 유형(1문제)
정답버튼을 누르면 정답이 나오는 퀴즈입니다.
- 01. body main
- 02. 변수 선언
- 03. 선택자 : querySeclector()
- 04. 텍스트 정보 입력
- 05. 메서드 : innerText(), classList.add(), classList.remove()
- 06. 이벤트 : if문, addEventListener()
II. 퀴즈 이펙트 : 정답 확인하기 유형(5문제)
정답버튼을 누르면 정답이 나오는 퀴즈입니다.
- 01. 저장하기 : 변수, 배열, 객체
- 02. 제어하기 : if문, for문, forEach()
- 03. 선택자 : querySeclector(), querySeclectorALL()
- 04. 메서드 : textContent(), style, trim(), toLowerCase()
- 05. 이벤트 : addEventListener() 해설 숨기기
III. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(1문제)
객관식 버튼을 누르면 정답이 나오는 퀴즈입니다.
- 01. 저장하기 : 변수, 배열, 객체
- 02. 제어하기 : 다중 if문, for문, break문
- 03. 선택자 : querySeclector(), querySeclectorALL()
- 04. 메서드 : innerHTML(), alert(), classList
- 05. 이벤트 : addEventListener()
IV. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(3문제)
정답버튼을 누르면 정답이 나오는 퀴즈입니다.
- 01. 저장하기 : 변수, 배열, 객체
- 02. 실행하기 : 익명 함수, 매개변수 함수
- 03. 제어하기 : 다중 if문, forEach
- 04. 선택자 : querySeclector(), querySeclectorALL()
- 05. 메서드 : join(), push()
- 06. 이벤트 : addEventListener()
V. 퀴즈 이펙트 : 객관식 : 정답 선택하기 유형(슬라이드)
객관식 문제를 슬라이드 형식으로 작업합니다.
- 01. 저장하기 : 변수, 배열, 객체
- 02. 실행하기 : 익명 함수, 매개변수 함수, 화살표 함수
- 03. 제어하기 : 다중 if문
- 04. 선택자 : querySeclector(), querySeclectorALL()
- 05. 메서드 : innerHTML
- 06. 이벤트 : addEventListener()