为了测试你在男生眼里的形象,可以进行一些简单的问题回答。以下是一个典型的“叶罗丽测试”的例子,通过选择你的答案来分析你在男生眼中可能展现出的特质。请注意,这只是一种娱乐性质的测试,不必过分认真对待。
body {
fontfamily: Arial, sansserif;
maxwidth: 600px;
margin: 20px auto;
padding: 20px;
backgroundcolor: f7f7f7;
border: 1px solid ccc;
borderradius: 5px;
}
h1 {
textalign: center;
color: 333;

}
p {
marginbottom: 15px;
}
.question {
backgroundcolor: fff;
marginbottom: 15px;
padding: 15px;
border: 1px solid ddd;
borderradius: 5px;
}
.answers {
display: flex;
flexdirection: column;
}
.answer {
marginbottom: 10px;
}
button {
backgroundcolor: 4CAF50;
color: white;
border: none;
padding: 10px 20px;
textalign: center;
textdecoration: none;
display: inlineblock;
fontsize: 16px;
cursor: pointer;
borderradius: 5px;
}
button:hover {
backgroundcolor: 45a049;
}
男生眼里的你——叶罗丽测试
1. 你对自己的外貌满意吗?
2. 你的兴趣爱好是什么?
3. 你喜欢在社交场合中扮演什么角色?
4. 你在约会中会选择哪种类型的活动?
function calculateResult() {
var q1 = document.querySelector('input[name="q1"]:checked').value;
var q2 = document.querySelector('input[name="q2"]:checked').value;
var q3 = document.querySelector('input[name="q3"]:checked').value;
var q4 = document.querySelector('input[name="q4"]:checked').value;
var aCount = 0, bCount = 0, cCount = 0;
switch (q1) {
case 'a': aCount = 2; break;
case 'b': bCount = 1; break;
case 'c': cCount = 0; break;
}
switch (q2) {
case 'a': aCount = 2; break;
case 'b': bCount = 1; break;
case 'c': cCount = 0; break;
}
switch (q3) {
case 'a': aCount = 2; break;
case 'b': bCount = 1; break;
case 'c': cCount = 0; break;
}
switch (q4) {
case 'a': aCount = 2; break;
case 'b': bCount = 1; break;
case 'c': cCount = 0; break;
}
var resultText = "";
if (aCount > bCount && aCount > cCount) {
resultText = "你在男生眼里可能是一个非常自信、注重外貌和社交的人,吸引男生注意的能力很强。";
} else if (bCount > aCount && bCount > cCount) {
resultText = "你在男生眼里可能是一个活泼开朗、喜欢运动和冒险的人,有着与男生更多共同兴趣的可能性。";
} else {
resultText = "你在男生眼里可能是一个内敛沉静、喜欢思考和独立思想的人,更多是作为朋友倾听者的角色。";
}
document.getElementById('resulttext').innerText = resultText;
document.getElementById('result').style.display = 'block';
}