// 测试题目数据 const questions = [ { number: 1, text: "关于人生观，我的内心其实是：", options: [ "A、希望能有各种各样的人生体验，所以想法极其多样化。", "B、在合理的基础上，谨慎确定目标，一旦确定会坚定不移地去做。", "C、更加在乎取得一切有可能的成就。", "D、毫不喜欢风险，喜欢享受稳定或现状。" ] }, { number: 2, text: "如果爬山旅游，大多数状况下，在下山回来的路线我最可能：", options: [ "A、好玩有趣，所以宁愿新路线回巢。", "B、安全稳妥，所以宁愿原路线返回。", "C、挑战困难，所以宁愿新路线回巢。", "D、方便省心，所以宁愿原路线返回。" ] }, { number: 3, text: "说话时，我更看重：", options: [ "A、感觉效果。有时可能会略显得夸张。", "B、描述精确。有时可能略过冗长。", "C、达成结果。有时可能过于直接让别人不高兴。", "D、人际感受。有时可能会不愿讲真话。" ] }, { number: 4, text: "在大多数时候，我的内心更想要：", options: [ "A、刺激。经常冒出新点子，想做就做，喜欢与众不同。", "B、安全。头脑冷静，不易冲动。", "C、挑战。生命中竞赛随处可见，有强烈的\"赢\"的欲望。", "D、稳定。满足自己所拥有的，很少羡慕别人。" ] }, { number: 5, text: "我认为自己在情感上的基本特点是：", options: [ "A、情绪多变，经常波动。", "B、外表自我抑制强，但内心感情起伏大，一旦挫伤难以平复。", "C、感情不拖泥带水，只是一旦不稳定，容易发怒。", "D、天性情绪四平八稳。" ] }, { number: 6, text: "我认为自己除了工作外，在控制欲上面，我：", options: [ "A、没有控制欲，只有感染带动他人的欲望，但自控能力不算强。", "B、用规则来保持我对自己的控制和对他人的要求。", "C、内心是有控制欲和希望别人服从我的。", "D、没兴趣影响别人，也不愿别人来控制我。" ] }, { number: 7, text: "当与情人交往时，我最希望对方：", options: [ "A、经常赞美我，让我享受开心、被关怀且又有一定自由。", "B、可随时默契到我内心所想，对我的需求极其敏感。", "C、得到对方的认可，我是正确的并且我对其是有价值的。", "D、尊重并且相处静谧的。" ] }, { number: 8, text: "在人际交往时，我：", options: [ "A、本质上还是认为与人交往比长时间独处是有乐趣的。", "B、非常审慎缓慢地进入，常会被人认为容易有距离感。", "C、希望在人际关系中占据主导地位。", "D、顺其自然，不温不火，相对被动。" ] }, { number: 9, text: "我做事情，经常：", options: [ "A、缺少长性，不喜欢长期做相同无变化的事情。", "B、缺少果断，期待最好的结果但总能先看到事情的不利面。", "C、缺少耐性，有时行事过于草率。", "D、缺少紧迫，行动迟缓，难下决心。" ] }, { number: 10, text: "通常我完成任务的方式是：", options: [ "A、常赶在最后期限前完成，是临时抱佛脚的高手。", "B、自己有严格规定的程序，精确地做，不要麻烦别人。", "C、先做，快速做。", "D、使用传统的方法按部就班，需要时从他人处得到帮忙。" ] }, { number: 11, text: "如果有人深深惹恼我时，我：", options: [ "A、内心感到受伤，认为没有原谅的可能，可最终很多时候还是会原谅对方。", "B、深深感到愤怒，如此之深怎可忘记？我会牢记，同时未来完全避开那个家伙。", "C、会火冒三丈，并且内心期望有机会狠狠地回应。", "D、避免摊牌，因为还不到那个地步或者自己再去找新朋友。" ] }, { number: 12, text: "在人际关系中，我最在意的是：", options: [ "A、得到他人的赞美和欢迎。", "B、得到他人的理解和欣赏。", "C、得到他人的感激和尊敬。", "D、得到他人的尊重和接纳。" ] }, { number: 13, text: "在工作上，我表现出来更多的是：", options: [ "A、充满热忱，有很多想法且很有灵性。", "B、心思细腻，完美精确，而且为人可靠。", "C、坚强而直截了当，而且有推动力。", "D、有耐心，适应性强而且善于协调。" ] }, { number: 14, text: "我过往的老师最有可能对我的评价是：", options: [ "A、情绪起伏大，善于表达和抒发情感。", "B、严格保护自己的私密，有时会显得孤独或是不合群。", "C、动作敏捷又独立，并且喜欢自己做事情。", "D、看起来安稳轻松，反应度偏低，比较温和。" ] }, { number: 15, text: "朋友对我的评价最有可能的是：", options: [ "A、喜欢对朋友述说，也有感染别人的力量。", "B、能够提出很多周全的问题，而且需要许多精细的解说。", "C、愿意直言想法，有时会直率而犀利地谈论不喜欢的人、事、物。", "D、通常与他人一起是倾听者。" ] }, { number: 16, text: "在帮助他人的问题上，我内心的想法是：", options: [ "A、别人来找我，不太会拒绝，会尽力帮他。", "B、值得帮助的人应该帮助。", "C、很少承诺要帮，但我若承诺必兑现。", "D、虽无英雄打虎胆，常有自告奋勇心。" ] }, { number: 17, text: "面对他人对自己的赞美，我内心：", options: [ "A、没有也无所谓，特别欣喜那也不至于。", "B、我不需无关痛痒的赞美，宁可对方欣赏我的能力。", "C、思考对方的真实性或立即回避众人的关注。", "D、赞美多多益善，总是令人愉悦的。" ] }, { number: 18, text: "面对生活，我更像：", options: [ "A、随和派－外面的世界我无关，我觉得自己这样还不错。", "B、行动派－我不进步，别人就会进步，所以我必须不停地前进。", "C、分析派－在问题未发生之前，就该想好所有的可能。", "D、无忧派－每天的生活开心快乐最重要。" ] }, { number: 19, text: "对于规则，我内心的态度是：", options: [ "A、不愿违反规则，但可能因为松散而无法达到规则的要求。", "B、打破规则，希望由自己来制定规则而不是遵守规则。", "C、严格遵守规则，并且竭尽全力做到规则内的最好。", "D、不喜被规则束缚，不按规则出牌会觉得新鲜有趣。" ] }, { number: 20, text: "我认为自己在行为上的基本特点是：", options: [ "A、慢条斯理，办事按部就班，能与周围的人协调一致。", "B、目标明确，集中精力为实现目标而努力，善于抓住核心要点。", "C、慎重小心，为做好预防及善后，会不惜一切而尽心操劳。", "D、丰富跃动，不喜欢制度和约束，倾向于快速反应。" ] }, { number: 21, text: "当我做错事时，我倾向于：", options: [ "A、害怕但表面不露声色。", "B、不承认而且辩驳，但内心其实已经明白。", "C、愧疚和痛苦，容易停留在自我压抑中。", "D、难为情，希望逃避别人的批评。" ] }, { number: 22, text: "当结束一段刻骨铭心的感情时，我会：", options: [ "A、很难受，可日子总要过，时间会冲淡一切的。", "B、虽然觉得受伤，但一旦下定决心，就会努力把过去的影子摔掉。", "C、深陷在悲伤的情绪中，在相当长的时期里难以自拔，也不愿再接受新的人。", "D、痛不欲生，需要找朋友倾诉或者找到渠道发泄，寻求化解之道。" ] }, { number: 23, text: "面对他人的倾诉，我回顾自己大多时候本能上倾向于：", options: [ "A、能够认同并理解对方当时的感受。", "B、快速做出一些定论或判断。", "C、给予一些分析或推理，帮助对方理顺思路。", "D、可能会随着他的情绪起伏而起伏，也会发表一些评论或意见。" ] }, { number: 24, text: "我在以下哪个群体中交流较感满足；", options: [ "A、舒服轻松的氛围中，心平气和地最终达成一致结论。", "B、彼此展开充分激烈的辩论并有收获。", "C、有意义地详细讨论事情的好坏和影响。", "D、很开心并且随意无拘束地闲谈。" ] }, { number: 25, text: "在内心的真实想法里，我觉得工作：", options: [ "A、不必有太大压力，可以让我做我熟悉的工作就很不错。", "B、应该以最快的速度完成，且争取去完成更多的任务。", "C、要么不做，要做就做到最好。", "D、如果能将好玩融合其中那就太棒了，不过如果不喜欢的工作实在没劲。" ] }, { number: 26, text: "如果我是领导，我内心更希望在部属心目中，我是：", options: [ "A、可以亲近的和善于为他们着想的。", "B、有很强的能力和富有领导力的。", "C、公平公正且足以信赖的。", "D、被他们喜欢并且觉得富有感召力的。" ] }, { number: 27, text: "我对认同的需求是：", options: [ "A、无论别人是否认同，生活都是要继续的。", "B、精英群体的认同最重要。", "C、只要我在乎的那些人认同我就足够了。", "D、所见之人无论贵贱都对我认同那有多好。" ] }, { number: 28, text: "当我还是个孩子的时候，我：", options: [ "A、不太会积极尝试新事物，通常比较喜欢旧有的和熟悉的。", "B、是孩子王，大家经常听我的决定。", "C、害羞见生人，有意识地回避。", "D、调皮可爱，乐观而又热心。" ] }, { number: 29, text: "如果我是父母，我也许是：", options: [ "A、容易说服或者宽容的。", "B、比较严厉、性急及说一不二的。", "C、坚持自己的想法和比较挑剔的。", "D、积极参与到子女中一起玩，被小朋友们热烈欢迎的。" ] }, { number: 30, text: "以下有四组格言，哪组里整体上最符合我的感觉：", options: [ "A、最深刻的真理是最简单和最平凡的。要在人世间取得成功必须大智若愚。好脾气是一个人在社交中所能穿着的最佳服饰。知足是人生在世最大的幸福。", "B、走自己的路，让人家去说吧。虽然世界充满了苦难，但是苦难总是能战胜的。有所成就是人生唯一的真正的乐趣。对我而言解决一个问题和享受一个假期一样好。", "C、一个不注意小事情的人，永远不会成功大事业。理性是灵魂中最高贵的因素。切忌浮夸铺张。与其说得过分，不如说得不全。谨慎比大胆要有力量得多。", "D、幸福在于对生命的喜悦和激情。任何时候都要最真实地对待你自己，这比什么都重要。使生活变成幻想，再把幻想化为现实。幸福不在于拥有金钱，而在于获得成就时的喜悦以及产生创造力的激情。" ] } ]; // 渲染问题 function renderQuestions() { const part1Container = document.getElementById('questions-part1'); const part2Container = document.getElementById('questions-part2'); part1Container.innerHTML = ''; part2Container.innerHTML = ''; questions.forEach((question, index) => { const questionDiv = document.createElement('div'); questionDiv.className = 'question'; const questionText = document.createElement('div'); questionText.innerHTML = `<span class="question-number">${question.number}.</span> ${question.text}`; questionDiv.appendChild(questionText); const optionsDiv = document.createElement('div'); optionsDiv.className = 'options'; question.options.forEach((option, optionIndex) => { const optionDiv = document.createElement('div'); optionDiv.className = 'option'; const input = document.createElement('input'); input.type = 'radio'; input.name = `q${question.number}`; input.value = option.charAt(0); // A, B, C or D input.id = `q${question.number}-${option.charAt(0)}`; const label = document.createElement('label'); label.htmlFor = `q${question.number}-${option.charAt(0)}`; label.textContent = option; optionDiv.appendChild(input); optionDiv.appendChild(label); optionsDiv.appendChild(optionDiv); }); questionDiv.appendChild(optionsDiv); if (question.number <= 15) { part1Container.appendChild(questionDiv); } else { part2Container.appendChild(questionDiv); } }); } // 计算测试结果 function calculateResults() { // 检查是否所有问题都已回答 for (let i = 1; i <= 30; i++) { const selectedOption = document.querySelector(`input[name="q${i}"]:checked`); if (!selectedOption) { alert(`请回答第 ${i} 题`); return null; } } // 统计第一组(1-15题)和第二组(16-30题)的选项数量 const part1Counts = { A: 0, B: 0, C: 0, D: 0 }; const part2Counts = { A: 0, B: 0, C: 0, D: 0 }; for (let i = 1; i <= 30; i++) { const selectedOption = document.querySelector(`input[name="q${i}"]:checked`).value; if (i <= 15) { part1Counts[selectedOption]++; } else { part2Counts[selectedOption]++; } } // 计算I, C, D, S值 const I = part1Counts.A + part2Counts.D; const C = part1Counts.B + part2Counts.C; const D = part1Counts.C + part2Counts.B; const S = part1Counts.D + part2Counts.A; return { I, C, D, S, part1Counts, part2Counts }; } // 获取结果描述 function getResultDescription(type1, type2) { const combinations = { "I_D": { title: "自然组合——I：影响型/D：支配型", description: "他们都外向、乐观、坦率。影响型说话是为了开心，而支配型则是为了工作，但他们都是健谈的人。如果你有这种混合性格，你就是最有领导潜力的人。如果你将这两种有点结合起来，你就能指挥别人并使其乐于工作；你就拥有了既懂得享受情趣又能达到目标的个性；你就有推动力和决断力，但不会为取得成就而强求自己。这种混合型性格的人对工作和玩乐都很投入，这使他们有良好的前途。从负面上说，这样的性格可以使人变得蛮横，意识不到自己在说什么，使人变得任性而固执，又或者使人变得没有耐心，爱在谈话中打断别人而只顾自己一个劲地说话。" }, "I_S": { title: "互补组合——I：影响型/S:稳健型", description: "影响型/稳健型想凡事都处之泰然并自得其乐。这种幽默和随和的双重组合使影响型/稳健型的人能成为别人最好的朋友。他们热情、轻松的天性很吸引人，大家都喜欢和他们相处。稳健型能缓和影响型在情绪上的起伏波动，而影响型则使稳健型变得有活力。这种性格是与人交往的最好的性格组合，他们会善于处理人际关系，也是好的父母和市民领袖的理想人选。这是因为他们既有影响型受人欢迎的幽默感和任性，又有稳健型的踏实。可惜的是，影响型/稳健型的另一个表现是懒惰，不肯去追求他们本来可以得到的东西，而缺乏理财的能力。" }, "I_C": { title: "矛盾型性格——I：影响型/C:谨慎型", description: "影响型和谨慎型是最情绪化的两种性格，当一个人既要适应影响型思潮起伏，同时又要处理谨慎型较深远的创伤时，这种分裂性格会导致情绪化的问题。当影响型的一面说：\"让我们去快活一下，\"谨慎型的一面会去检查工作的进度。" }, "C_S": { title: "自然组合——C：谨慎型/S：稳健型", description: "他们都属于内向、悲观和沉默的一类。他们处于比较认真，会将问题看的很透彻，并且不愿成为焦点人物。他们信奉泰迪罗斯福的教导：\"温和的说话并事事小心。\"稳健型性格使谨慎型性格轻松下来，而谨慎型性格和稳健型性格不再懒散。这样的性格组合创造了最伟大的教育家，因为谨慎型对学习和研究的热爱，能与稳健型所具有的擅于接人待物和传授知识相得益彰。他们在做决定的时候，显得有困难，因为他们在这方面都是比较迟缓的，并会因此而耽搁事情。最理想的组合是：有稳健型的冷静而没有谨慎型的抑郁，以谨慎型性格对完美追求来促使稳健型付诸行动。" }, "D_S": { title: "矛盾型性格——D：支配型/S：稳健型", description: "支配型/稳健型的矛盾性格并没有情绪上的问题，他们的主要冲突就在于\"做还是不做\"。稳健型的一面爱轻松的对待事情，而支配型的一面则对无所作为产生内疚感。这个问题一般会通过将生活截然分开来解决——上班时非常努力而在家里则万事不理。大多数情况下，一个支配型的人会全情投入工作，回到家要不是精疲力尽，就是觉得不值得为家里做事。一个稳健型得人如果会尽心工作，那么投入的程度甚至可与支配型的人相媲美，但完成一天的工作后，他就会完完全全的放松自己。" }, "D_C": { title: "互补组合——D：支配型/C：谨慎型", description: "这是一个能取长补短作用的组合。支配型/谨慎型性格是最佳的商业人才。将支配型的领导、欲望、目标和谨慎型的善于分析、对细节的敏感、有条理的头脑结合起来，会使他们所向无敌。对他们来说没有什么事情是做不来的，他们会一直坚持下去直至有完美的结果为止。支配型/谨慎型性格表现的果断、有条理、目标明确，所以这类人有强烈的欲望和决心，当朝着正确的方向进发时，支配型/谨慎型的人总是最成功的。但如果走向极端的话，那么即使他们的优点也会变成专横和傲慢了。" } }; const key = `${type1}_${type2}`; const reverseKey = `${type2}_${type1}`; if (combinations[key]) { return combinations[key]; } else if (combinations[reverseKey]) { return combinations[reverseKey]; } else { return { title: "未知组合", description: "无法确定您的性格组合类型。" }; } } // 显示结果 function showResults() { const results = calculateResults(); if (!results) return; const { I, C, D, S, part1Counts, part2Counts } = results; // 获取最高和第二高的类型 const types = [ { type: 'I', value: I }, { type: 'C', value: C }, { type: 'D', value: D }, { type: 'S', value: S } ]; // 按值降序排序 types.sort((a, b) => b.value - a.value); const primaryType = types[0].type; const secondaryType = types[1].type; // 显示统计信息 const statsDisplay = document.getElementById('stats-display'); statsDisplay.innerHTML = ` <div class="stat-box"> <div>第一组A: ${part1Counts.A}</div> <div>第一组B: ${part1Counts.B}</div> <div>第一组C: ${part1Counts.C}</div> <div>第一组D: ${part1Counts.D}</div> </div> <div class="stat-box"> <div>第二组A: ${part2Counts.A}</div> <div>第二组B: ${part2Counts.B}</div> <div>第二组C: ${part2Counts.C}</div> <div>第二组D: ${part2Counts.D}</div> </div> <div class="stat-box"> <div>I值: <span class="stat-value">${I}</span></div> <div>C值: <span class="stat-value">${C}</span></div> <div>D值: <span class="stat-value">${D}</span></div> <div>S值: <span class="stat-value">${S}</span></div> </div> `; // 显示组合类型 const combinationDisplay = document.getElementById('combination-display'); combinationDisplay.textContent = `您的性格组合: ${primaryType}型 和 ${secondaryType}型`; // 显示结果描述 const resultDescription = getResultDescription(primaryType, secondaryType); const descriptionElement = document.getElementById('result-description'); descriptionElement.innerHTML = ` <h3>${resultDescription.title}</h3> <p>${resultDescription.description}</p> `; // 显示结果容器 document.getElementById('result-container').style.display = 'block'; // 滚动到结果 document.getElementById('result-container').scrollIntoView({ behavior: 'smooth' }); } // 初始化 document.addEventListener('DOMContentLoaded', function() { renderQuestions(); // 提交按钮事件 document.getElementById('submit-btn').addEventListener('click', showResults); });