body {
fontfamily: Arial, sansserif;
margin: 20px;
}
h1 {
color: 333333;
textalign: center;
}
.questioncontainer {
margintop: 20px;
}
.question {
marginbottom: 10px;
}
.answeroption {
marginbottom: 5px;
}
button {
margintop: 10px;
padding: 10px;
backgroundcolor: 333333;
color: ffffff;
border: none;
borderradius: 5px;
cursor: pointer;
}
button:hover {
backgroundcolor: 555555;
}
.resultcontainer {
margintop: 20px;
textalign: center;
}
.result {
margintop: 10px;
}
.resulttitle {
fontweight: bold;
}
心理测试
1. 关于你自己,你感到最满意的是:
你的外貌
你的聪明才智
你的人格魅力
你的金钱财富
2. 当你感到心情不好时,你最常用的方法是:
与朋友倾诉
独自思考
进行身体锻炼
购物或者吃东西来缓解
function calculateResult() {
var question1 = document.querySelector('input[name="question1"]:checked');
var question2 = document.querySelector('input[name="question2"]:checked');
// Add more question variables here
if (!question1 || !question2) {
return alert('请回答所有问题!');
}
var resultContainer = document.getElementById('resultContainer');
resultContainer.style.display = 'block';
var result = document.getElementById('result');
result.innerHTML = '';
// Calculate result based on selected answers
var resultTitle = document.createElement('div');
resultTitle.className = 'resulttitle';
resultTitle.innerText = '根据您的选择,您的测试结果是:';
result.appendChild(resultTitle);
if (question1.value === 'A' && question2.value === 'A') {
var resultText = document.createElement('div');
resultText.innerText = '您是一个非常注重外貌并喜欢与他人交流的人。';
result.appendChild(resultText);
}
if (question1.value === 'B' && question2.value === 'B') {
var resultText = document.createElement('div');
resultText.innerText = '您是一个思考严谨、独立解决问题的人。