풀어쓰는 사회학 AI

홈
무료

스피드 퀴즈 30초 챌린지 무료 HTML 교구 | 영어단어·암산·원소기호 반복학습 + 프롬프트

📌 이 글 요약

  • 30초 안에 최다 정답을 맞추는 스피드 퀴즈 HTML 교구 무료
  • 영어 단어, 수학 암산, 과학 기호 등 반복 학습이 필요한 모든 과목에 활용
  • 학생들 사이에서 자연스럽게 경쟁 유발 — 수업 분위기 전환용으로 최고

🎮 바로 써보기 + 다운로드

30초 타이머 울리면 학생들 집중력이 폭발합니다

수업 중반에 학생들 눈이 풀리기 시작하면, 이거 하나 틀어주세요. "30초 안에 몇 개 맞출 수 있는지 도전!" 하면 교실 분위기가 확 바뀝니다.

문제가 하나씩 빠르게 넘어가고, 맞히면 바로 다음 문제. 틀리면 즉시 정답 보여주고 넘어감. 30초 끝나면 "몇 개 맞았는지" 결과 화면. 학생들끼리 "나 12개!" "나 15개!" 이러면서 자연스럽게 경쟁합니다.

📋 과목별 활용 예시

영어 — 단어 뜻 맞추기

"democracy = ?" → 4개 중 택1 (빠르게). 30초에 15~20문제 가능.

수학 — 암산 스피드

"7 × 8 = ?" "√144 = ?" "2³ = ?" — 연산 속도 훈련에 최적.

과학 — 원소 기호 맞추기

"Fe = ?" → 철 / "Na = ?" → 나트륨 — 주기율표 암기용.

사회 — 핵심 개념 즉답

"GDP의 한국어 뜻은?" → 국내총생산. "인플레이션이란?" → 물가 상승.

국어 — 맞춤법 빠른 판단

"'됬다'는 맞는 표현인가?" → X. "'웬일'은?" → O.

🔧 제작 프롬프트

// Claude 프롬프트

스피드 퀴즈 게임을 HTML 단일 파일로 만들어줘.


과목: 【영어】

내용: 【영어 단어 뜻 맞추기 (4지선다)】

문항 수: 【30문항 (랜덤 출제, 시간 내 최대한 많이 풀기)】

제한시간: 【30초】


기능:

- 30초 카운트다운 타이머 (상단 고정, 크게 표시)

- 문제 하나 + 선택지 4개 → 클릭 즉시 다음 문제로

- 정답: 점수+1, 초록 번쩍 / 오답: 빨강 번쩍, 정답 0.5초 표시 후 다음으로

- 30초 종료 시 결과: 맞은 개수 / 총 시도 / 정답률

- "🔥 최고 기록" 로컬스토리지 저장 (브라우저 닫아도 유지)

- 다시 도전 버튼

- 모바일 최적화 (큰 버튼, 빠른 터치 반응)


데이터:

const words = [

  {q: "democracy", choices: ["민주주의","자본주의","사회주의","공산주의"], answer: 0},

];

💡 수업 활용 팁

모둠 대항전: 모둠별로 한 명씩 돌아가며 도전 → 모둠 합산 점수로 경쟁
레벨업: 30초→25초→20초 단계별로 시간 줄이기
매일 루틴: 수업 시작 1분 — "오늘의 스피드 퀴즈" 루틴화하면 집중도 향상

🖼️ 이미지 문항

그림을 보고 답하는 스피드 퀴즈도 가능 (국기, 지도, 과학 기호 등):

{q: "", img: "https://drive.google.com/uc?id=국기이미지ID", choices: ["프랑스","독일","이탈리아","스페인"], answer: 0}

💡 커스터마이징

  • 시간 변경: timeLimit = 30 → 원하는 초
  • 최고기록 리셋: 브라우저 개발자도구 → Application → localStorage 삭제
  • 효과음: 프롬프트에 "정답 시 효과음 (Web Audio API)" 추가
  • 콤보 시스템: "연속 정답 시 콤보 카운터 + 보너스 점수" 추가 가능

🔗 관련 교구 더 보기

스피드 퀴즈 30초 챌린지 무료 HTML 교구. 제한시간 내 최다 정답 도전. 영어 단어, 수학 암산, 과학 기호 반복 학습. AI 프롬프트 공개.
현직 고교 교사가 전하는 통합사회·경제의 정석. 고퀄리티 수업 PPT와 HTML 시뮬레이션 교구, 생생한 여행 기록을 통해 사회를 풀어냅니다.