01. 퀴즈 이펙트 : 정답 확인하기 유형
정답 확인 버튼을 누르면 정답이 나오는 유형입니다.
- 데이터 저장하기 : 변수
- 요소 객체 : 메서드 : querySelector( ) : 문서에서 특정 CSS 선택자로 요소를 찾는 DOM 메서드입니다.
- 요소 객체 : 메서드 : innerText : DOM 요소의 텍스트 내용을 가져오거나 설정하는 데 사용되는 속성입니다.
- 요소 객체 : 메서드 : classlist : 요소의 클래스를 추가하거나 제거하여 스타일을 설정하는데 사용됩니다.
- 요소 객체 : 메서드 : style.속성 = "속성값" : 자바스크립트에서 CSS 스타일을 표현하는 방법입니다.
- 이벤트 객체 : 메서드 :addEventListener : JavaScript에서 이벤트를 처리하는 함수입니다.
02. 퀴즈 이펙트 : 주관식 확인하기 유형
답을 입력 시 정답을 확인을 해주는 유형입니다.
- 데이터 저장하기 : 변수
- 데이터 제어하기 : if문
- 배열 객체 : trim( ) : 문자열의 앞뒤 공백을 제거하는 JavaScript의 내장 함수입니다.
- 요소 객체 : 메서드 : textContent : DOM 요소의 속성 중 하나로, 해당 요소의 텍스트 콘텐츠를 가져오거나 설정하는 데 사용됩니다.
- value : HTML 폼 요소에서 사용되는 속성 중 하나로, 사용자가 입력한 값을 가져오거나 설정하는 데 사용됩니다.
03. 퀴즈 이펙트 : 주관식 확인하기(여러문제) 유형
답을 입력 시 정답을 확인을 해주는 유형입니다.
- 데이터 저장하기 : 배열, 객체
- 데이터 불러오기 : for문, forEach( )
- 데이터 제어하기 : if문
- 요소 객체 : 메서드 : querySelectorAll : DOM에서 특정 선택자를 사용하여 웹 페이지의 요소를 찾는 JavaScript 메소드입니다.
- 요소 객체 : 메서드 : innerHTML : DOM 요소의 내부 HTML 콘텐츠를 나타내는 JavaScript 프로퍼티입니다.
04. 퀴즈 이펙트 : 객관식 확인하기 유형
객관식을 선택하면 정답을 확인하는 유형입니다.
- 데이터 저장하기 : 배열, 객체
- 데이터 불러오기 : 배열, 객체, for문, forEach( )
- 데이터 실행하기 : 함수
- 데이터 제어하기 : if문, 다중 if문
- 요소 객체 : 메서드 : innerHTML, textContent
- 이벤트 객체 : 메서드 : addEventListener("click")
05. 퀴즈 이펙트 : 객관식 확인하기(여러문제) 유형
객관식을 선택하면 정답을 확인하는 유형입니다.
- 데이터 저장하기 : 변수, 배열, 객체
- 데이터 불러오기 : 배열, 객체, for문, forEach( )
- 데이터 실행하기 : 함수, 익명함수, 화살표 함수
- 데이터 제어하기 : if문, 다중 if문
- 배열 객체 : push( ), join( )
- 수학 객체 : Math.ceil( ) : 올림
- 요소 객체 : 메서드 : querySelector( ), querySelectorAll( ), innerHTML, textContent
- 이벤트 객체 : 메서드 : addEventListener("click")
06. 퀴즈 이펙트 : 객관식 확인하기(여러문제) 유형 : 슬라이드 유형
객관식을 선택하면 정답을 확인하는 유형이고 슬라이드 형식으로 확인합니다.
- 데이터 저장하기 : 변수, 배열, 객체
- 데이터 불러오기 : 배열, 객체, for문, forEach( )
- 데이터 실행하기 : 함수, 화살표 함수
- 데이터 제어하기 : if문, 다중 if문
- 수학 객체 : Math.ceil( ) : 올림
- 요소 객체 : 메서드 : querySelector( ), querySelectorAll( ), innerHTML, textContent
- 메서드 : setAttribute( ) : 지정된 요소의 속성 값을 설정합니다. 속성이 이미 있으면 값은 업데이트됩니다. 속성이 없다면 지정된 이름과 값으로 새 속성이 추가됩니다.
07. 퀴즈 이펙트 : 객관식 확인하기 CBT 유형
객관식을 선택하는 시험 유형
- 데이터 저장하기 : 변수, 배열, 객체
- 데이터 불러오기 : 배열, 객체, for문, forEach( ), map( )
- 데이터 실행하기 : 함수, 화살표 함수
- 데이터 제어하기 : if문, 다중 if문
- 배열 객체 : push( ), join( )
- 수학 객체 : Math.ceil( ) : 올림
- 요소 객체 : 메서드 : querySelector( ), querySelectorAll( ), innerHTML, textContent
- 메서드 : setInterval( ) : 각 호출 사이에 고정된 시간 지연으로 함수를 반복적으로 호출하거나 코드 스니펫을 실행합니다.
- json 파일 불러오기