MBTI性格测评系统

一个完整的MBTI（迈尔斯-布里格斯类型指标）性格测评系统，包含60道精心设计的题目，能够准确分析用户的性格类型。

• 完整的MBTI测评: 包含60道题目，覆盖E/I、S/N、T/F、J/P四个维度
• 16种性格类型: 完整的16种MBTI性格类型详细分析
• 智能计分系统: 自动计算各维度得分，生成准确的性格类型
• 可视化结果: 直观的图表展示各维度得分比例
• 历史记录: 保存测评历史，方便对比分析
• 响应式设计: 支持桌面和移动设备
• 本地存储: 使用localStorage保存历史记录，无需服务器

mbti-system/
├── index.html          # 主页面
├── css/
│   └── style.css       # 样式文件
└── js/
    ├── questions.js     # 测评题目数据库
    ├── mbti-types.js   # 16种性格类型数据
    └── app.js          # 应用逻辑

1. 直接在浏览器中打开 index.html 文件
2. 点击"开始测评"按钮
3. 依次回答60道题目
4. 查看测评结果和详细分析
5. 可选择保存结果或重新测评

• 前端: HTML5, CSS3, JavaScript (ES6+)
• 存储: LocalStorage API
• 设计: 响应式设计，渐变色彩，现代化UI

• 60道精心设计的MBTI题目
• 每个维度15道题目
• 支持前后导航
• 实时进度显示

• 自动计算各维度得分
• 基于得分确定性格类型
• 可视化展示各维度比例

• 16种性格类型详细描述
• 核心特质分析
• 优势和注意事项
• 适合的职业方向

• 保存最近10次测评结果
• 显示测评时间和类型
• 方便对比分析

• Chrome (推荐)
• Firefox
• Safari
• Edge
• 移动浏览器

1. 用户体验优化

   • 流畅的界面切换动画
   • 清晰的进度指示
   • 直观的选项选择

2. 视觉设计

   • 现代化渐变配色
   • 响应式布局
   • 优雅的动画效果

3. 数据分析

   • 详细的性格描述
   • 可视化的维度图表
   • 职业建议

在 js/questions.js 中添加新的题目，遵循现有格式：

{
    id: 题目编号,
    dimension: "维度代码",
    question: "问题描述",
    optionA: "选项A",
    optionB: "选项B"
}

在 js/mbti-types.js 中修改性格类型信息���

"类型代码": {
    name: "类型名称",
    description: "详细描述",
    traits: ["特质1", "特质2"],
    strengths: ["优势1", "优势2"],
    weaknesses: ["劣势1", "劣势2"],
    careers: ["职业1", "职业2"]
}

MIT License

MBTI性格测评系统开发团队