01. 퀴즈 이펙트
정답 확인버튼을 누르면 정답이 나오는 효과입니다.
- 데이터 저장 : 변수
- querySelector() : 문서에서 특정 CSS 선택자로 요소를 찾는 DOM 메서드입니다.
- innerText() : DOM 요소의 텍스트 내용을 가져오거나 설정하는 데 사용되는 속성입니다.
- style.속성 = "속성값": 자바스크립트에서 CSS 스타일을 표현하는 방법입니다.
- classlist는 요소의 클래스를 추가하거나 제거하여 스타일을 설정하는데 사용됩니다.
- addEventListener : Javasript에서 이벤트를 처리하는 함수입니다.
02. 퀴즈 이펙트 : 주관식 확인하기 유형
정답을 적으면 맞는지 확인해주는 효과입니다.
- 데이터 저장 : 변수
- 데이터 제어하기 : if문
- trim() : trim() 메서드는 문자열의 양 끝에 있는 공백을 제거한 후 새로운 문자열을 반환합니다. 이 메서드를 사용하면 문자열에서 공백을 제거하고 원하는 문자열만 얻을 수 있습니다.
- value : 일반적으로 value는 폼(form) 요소에서 사용됩니다. 예를 들어, HTML에서 input 요소의 값은 JavaScript에서 input 객체의 value 속성으로 액세스됩니다.
- textContent : textContent는 요소(element)의 텍스트 콘텐츠(text content)를 나타내는 속성입니다. 일반적으로 textContent는 HTML 요소의 내용을 가져오거나 설정할 때 사용됩니다.
예를 들어, p 요소의 텍스트 콘텐츠를 가져오는 경우 textContent 속성을 사용합니다.
03. 퀴즈 이펙트 : 주관식(여러문제) 확인하기 유형
정답을 적으면 맞는지 확인해주는 효과입니다.
- 데이터 저장하기 : 배열, 객체
- 데이터 불러오기 : for문, forEach()
- 데이터 제어하기 : if문
- querySelectorAll()
- innerHTML()
04. 퀴즈 이펙트 : 객관식 확인하기 유형
객관식을 선택하면 정답을 확인하는 유형입니다.
- 데이터 저장하기 : 배열, 객체
- 데이터 불러오기 : 배열, 객체, for문, forEach()
- 데이터 실행하기 : 함수
- 데이터 제어하기 : if문, 다중if문
05. 퀴즈 이펙트 : 객관식 확인하기(여러문제) 유형
객관식을 선택하면 정답을 확인하는 유형입니다.
- 데이터 저장하기 : 배열, 객체
- 데이터 불러오기 : 배열, 객체, for문, forEach()
- 데이터 실행하기 : 함수, 익명함수, 화살표 함수
- 데이터 제어하기 : if문, 다중if문
- 배열 객체 : push(), join()
- 배열 객체 : Math.ceil()
06. 퀴즈 이펙트 : 객관식 확인하기(여러문제) 유형
객관식을 선택하면 정답을 확인하는 유형이고, 슬라이드 형식으로 확인합니다.
- 데이터 저장하기 :
- 데이터 불러오기 :
- 데이터 실행하기 :
- 데이터 제어하기 :
- 배열 객체 :
- 배열 객체 :
07. 퀴즈 이펙트 : CBT 유형
객관식을 선택하는 시험 유형
- 데이터 저장하기 :
- 데이터 불러오기 :
- 데이터 실행하기 :
- 데이터 제어하기 :
- 배열 객체 :
- 배열 객체 :