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

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

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

02.퀴즈 이펙트

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

  • 데이터 저장 : 변수
  • 데이터 제어하기 : if문
  • placeholder : HTML 폼 요소(input, textarea 등)에 입력하는 값의 예시를 제공하는 속성입니다. placeholder에 지정된 값은 사용자가 아직 값을 입력하지 않은 상태에서 폼 요소에 보이며, 입력된 값이 없을 경우 다시 placeholder 값이 보이게 됩니다.
  • trim : 자바스크립트에서 문자열의 앞뒤 공백을 제거하는 함수는 trim()입니다. 이 함수는 원본 문자열의 앞뒤에 있는 모든 공백을 제거하고, 결과로 새로운 문자열을 반환합니다.
  • textContent : 자바스크립트에서 HTML 요소의 텍스트 콘텐츠를 나타내는 속성입니다. 이 속성은 해당 요소의 모든 자식 요소를 포함한 텍스트 콘텐츠를 반환합니다.
  • .value : HTML 요소의 값을 나타내는 속성입니다. 이 속성은 주로 폼 요소(input, select, textarea 등)의 값을 가져오거나 설정할 때 사용됩니다.
확인하기

03.퀴즈 이펙트: 주관식 다중이

정답을 적으면 맞는지 확인해주는 효과

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

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

객관식을 선택하면 정답을 확인하는 유형

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

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

객관식을 선택하면 정답을 확인하는 유형

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

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

객관식을 선택하면 정답을 확인하는 유형

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

07.퀴즈 이펙트 : CBT 유형

객관식을 선택하는 시험 유형

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