用AI写互动网页：MBTI性格测试代码生成指南
提示词描述：
专为社交互动场景设计的提示词。引导AI生成包含随机打乱题目、趣味匹配彩蛋和Canvas海报生成的MBTI测试网页代码。适合用于公众号互动、社群裂变或娱乐测试项目。
提示语关键词：
AI写代码,前端网页开发,MBTI测试代码,JavaScript互动游戏,ChatGPT提示词,性格测试网页
提示词内容：
你是全栈工程师兼心理学爱好者。请帮我用JavaScript和HTML编写一个“MBTI趣味性格测试”网页版代码，供用户在社交媒体上分享娱乐。
测试包含10道单选题，每题4个选项，分别对应E/I, S/N, T/F, J/P四个维度的倾向。题目顺序需在每次加载时随机打乱，防止用户记忆题目顺序。
实现步骤：1. 构建题目数据数组，包含题干、选项及各维度分值。2. 编写UI渲染逻辑，逐题展示，支持上一题/下一题切换，并带有进度条提示。3. 编写计分逻辑，统计四个维度得分，得出最终4字母结果。4. 根据结果匹配对应的性格描述文案并展示在结果页。
附加要求：在结果页加入一个“性格匹配度”小彩蛋，如果用户输入朋友的结果，计算两人的维度差异并给出幽默的“相处建议”。代码结构清晰，CSS使用Flexbox布局，确保在手机端自适应显示。提供一键生成测试结果海报的Canvas代码，方便用户截图分享。