把选择题做成决策工具

01 · 定义维度，不比较品牌印象

本课使用虚构的 A–D 四个方案，避免把会变化的产品事实当教材。三个维度分别是易用性、可控性、成本友好度，分数为 1–5。

数据：A=5/2/3，B=3/5/2，C=4/3/5，D=2/4/4。分数只是练习数据，页面必须明确标注。

方案 A：易用性 5，可控性 2，成本友好度 3
方案 B：易用性 3，可控性 5，成本友好度 2
方案 C：易用性 4，可控性 3，成本友好度 5
方案 D：易用性 2，可控性 4，成本友好度 4

1. 为每个维度写一句定义。
2. 确认高分始终代表更符合需求。
3. 记录分数来源是课程示例，而不是客观测评。

02 · 建立权重公式

三个权重都使用 0–5。总分等于每项分数乘对应权重后相加。因为所有方案使用相同权重，直接比较加权和即可。

默认权重：易用性 3、可控性 5、成本友好度 4。此时每个结果都应能回算。

总分 = 易用性分 × 易用性权重
     + 可控性分 × 可控性权重
     + 成本友好度分 × 成本友好度权重

03 · 生成互动选型器

工具不仅要算出结果，还要让使用者看懂结果如何产生，并能回到默认状态。

请在 08-decision-tool 中创建 decision-matrix.html。

使用我提供的 A–D 方案分数与加权公式。为三个维度各放一个 0–5 的 range 控件，同时显示当前数值。修改任一权重后立即重算并排序。
要求：推荐第一名，但同时显示完整计算明细；并列时明确写“并列”，不能偷偷用字母顺序决定；提供“恢复默认权重”按钮；所有控件有 label；键盘可调；状态不能只靠颜色；刷新页面后保留用户权重；页面注明“课程虚构数据，不代表真实产品评价”。
默认权重：易用性 3、可控性 5、成本友好度 4。

04 · 用三个场景测试结果

互动工具必须用边界情况验证，而不是只看默认值。

1. 把三个权重都设为 0：结果应提示“请至少设置一个权重”，而不是强行推荐。
2. 只把易用性设为 5：方案 A 应领先。
3. 恢复默认权重，刷新页面：权重应该保留或按按钮明确恢复。
4. 用键盘调整滑杆，检查数值和排序同步更新。

请根据当前代码手工列出三个测试场景的预期总分，再检查页面实际结果。若不一致，只修复计算或状态逻辑，不改视觉设计。