分享一个用原生JS写的ADHD/阅读障碍筛查工具

纯 HTML/CSS/JS 这种极简栈在特定场景下真的无敌，响应速度快且部署成本几乎为零。最近刷到一个开源项目 EduScreen，作者用最基础的 Vanilla JS 实现了一个针对 ADHD 和 Dyslexia 的初步评估工具，没有任何冗余的框架，直接托管在 GitHub Pages 上。

这种工具最核心的逻辑其实就是一套权重打分系统，通过前端逻辑直接得出初步结论，不需要后端存储，完全保证了用户隐私。

对于想尝试快速构建此类轻量化工具的开发者，可以参考它的结构：

一、核心逻辑实现
主要通过 JSON 格式存储问题集，利用 JS 监听用户选择并实时累加得分，最后根据分数区间映射到不同的评估结论。

const questions = [
  { id: 1, text: "经常难以集中注意力...", weight: 1 },
  { id: 2, text: "阅读时文字经常跳跃...", weight: 2 },
  // 更多问题...
];

let totalScore = 0;
function calculateScore(answer) {
  if (answer === 'yes') {
    totalScore += currentQuestion.weight;
  }
}

二、部署实操
1. 将静态资源（index.html, style.css, script.js）上传至 GitHub 仓库。
2. 在 Settings -> Pages 中将 Source 设置为 main 分支。
3. 等待几分钟即可获得一个公开的静态访问地址。

三、实操建议
这类工具最容易踩坑的地方是 UI/UX 的可访问性（Accessibility）。既然是给有阅读障碍的人使用，字体选择、对比度和间距至关重要，建议在 CSS 中大量使用 rem 单位并避免使用过于复杂的装饰性字体。

项目具体代码实现可以在这里看：
https://github.com/aryanbarnvanshi-dev/Not-Weak-Mind