跳到主要内容
TEACHING TOOL / 通用

记分板

课堂竞赛 / 答题比赛专用记分板——支持 2 到 6 支队伍，加减按钮 + 自定义分数，全屏展示比赛现场。

功能特性​

  • 多队支持 — 默认 2 支队伍，可扩展到最多 6 支
  • 加减按钮 — 每队独立 − / + 按钮，单击一步加减
  • 自定义分数 — 输入框可一次设置任意非负整数分数
  • 队伍命名 — 队伍名称直接在卡片上点击编辑
  • 全屏模式 — 一键全屏展示，适合投影到大屏幕
  • 重置保护 — 重置所有分数需二次确认，避免误操作
  • 键盘控制 — 常用操作可通过键盘快捷键完成

使用步骤​

  1. 打开页面，默认显示 2 支队伍（队伍 1 / 队伍 2）的 0 分
  2. 点击队伍名称可重命名
  3. 点击 + / − 调整分数，或在「自定义」框输入数字后点「设置」
  4. 需要更多队伍时点「+ 添加队伍」（最多 6 支）
  5. 投影时点「全屏」放大显示

快捷键​

键位作用
1队伍 1 加 1 分
Q队伍 1 减 1 分
2队伍 2 加 1 分
W队伍 2 减 1 分
R重置所有分数
F进入 / 退出全屏

技术实现​

  • 纯静态 — HTML + CSS + 原生 JavaScript，无任何依赖
  • Fullscreen API — document.documentElement.requestFullscreen() 实现投影模式
  • 动态 DOM — 添加队伍时通过 createElement 注入新卡片
  • 响应式 — 桌面端多栏网格，移动端自适应

适用场景​

  • 课堂抢答 / 知识竞赛
  • 小组积分赛
  • 任何需要实时计分的多方对抗