01. 퀴즈 이펙트 : 정답 확인하기 유형

정답 확인 버튼을 누르면 정답이 나오는 효과입니다.

  • 데이터 저장 : 변수
  • querySelector(): 문서에서 특정 css 선택자로 요소를 찾는 DOM 메서드입니다.
    • //메서드는 설명의 의미
  • innerText(): DOM 요소의 텍스트 내용을 가져오거나 설정하는데 사용되는 속성입니다.
    • //속성은 단어의 의미
  • style.속성 = "속성값" : 자바스크립트에서 css 스타일을 표현하는 방법입니다.
  • classlist = 요소의 클래스를 추가하거나 제거하여 스타일을 설정하는데 사용됩니다.
  • addEventListener : 자바스크립트에서 이벤트를 처리하는 함수입니다.
    • //에드이벤트리스너는 메서드 즉 설명의 의미
확인하기

02. 퀴즈 이펙트 : 주관식 확인하기 유형

정답을 적으면 맞는지 확인해주는 효과입니다.

  • 데이터 저장 : 변수
  • 데이터 제어하기 : if문
  • trim()
  • textContent
  • .value
확인하기

03. 퀴즈 이펙트 : 주관식(여러 문제) 확인하기 유형

정답을 적으면 맞는지 확인해주는 효과입니다.

  • 데이터 저장 : 배열, 객체
  • 데이터 불러오기 : for문, forEach()
  • 데이터 제어하기 : if문
  • querySelectorAll()
  • innerHTML()
확인하기

04. 퀴즈 이펙트 : 객관식 확인하기 유형

객관식을 선택하면 정답을 확인하는 유형입니다.

  • 데이터 저장하기 : 배열, 객체
  • 데이터 불러오기 : 배열, 객체, for문, forEach()
  • 데이터 실행하기 : 함수
  • 데이터 제어하기 : if문, 다중 if문
확인하기

05. 퀴즈 이펙트 : 객관식 확인하기(여러 문제) 유형

객관식을 선택하면 정답을 확인하는 유형입니다.

  • 데이터 저장하기 : 배열, 객체
  • 데이터 불러오기 : 배열, 객체, for문, forEach()
  • 데이터 실행하기 : 함수, 익명함수, 화살표 함수
  • 데이터 제어하기 : if문, 다중 if문
  • 배열 객체 : push(), join()
확인하기

06. 퀴즈 이펙트 : 객관식 확인하기(여러 문제): 슬라이드 유형

객관식을 선택하면 정답을 확인하는 유형이고 슬라이드 형식으로 확인입니다.

  • 데이터 저장하기 :
  • 데이터 불러오기 :
  • 데이터 실행하기 :
  • 데이터 제어하기 :
  • 배열 객체 : push(), join()
확인하기

07. 퀴즈 이펙트 : CBT 유형

객관식을 선택하는 시험 유형입니다.

  • 데이터 저장하기 :
  • 데이터 불러오기 :
  • 데이터 실행하기 :
  • 데이터 제어하기 :
  • 배열 객체 : push(), join()
확인하기