#questionsContainer, #resultContainer {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 800px;
margin: auto;
padding: 20px;
}
.question {
margin-bottom: 20px;
}
.question p {
font-size: 20px;
text-align: left; /* Align question text to the left */
}
.question label {
display: block;
font-size: 18px; /* Increase label size */
text-align: left; /* Align label text to the left */
}
.submit-btn {
display: block; /* Make the button block-level */
margin: 20px auto; /* Center the button horizontally */
padding: 10px 20px;
font-size: 18px; /* Increase button size */
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.submit-btn:hover {
background-color: #218838;
}
.result {
font-size: 24px; /* Increase result size */
text-align: center; /* Center the result text */
}
.hidden {
display: none;
}
</style>
Bạn cảm thấy lo lắng khi khó khăn trong việc tìm kiếm tài liệu học tập hoặc không biết tham khảo tài liệu nào ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn cảm thấy bị ngợp khi thay đổi phương pháp học ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn cảm thấy áp lực từ việc thiếu hoặc thừa bài tập, tài liệu ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn đôi khi cảm thấy hay quên, đãng trí ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn thấy áp lực vì không cân bằng được việc học và những việc khác như làm thêm, câu lạc bộ,...?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn cảm thấy không thoải mái mọi lúc ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn luôn suy nghĩ tiêu cực ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn có đang suy nghĩ quá nhiều việc không ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn có tự nghi ngờ bản thân mình không ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn có thường hay chán nản không ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn có thấy mình như bị mất đi động lực không ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn có cảm thấy bực tức khi người khác góp ý cho bạn không ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn thường xuyên rơi vào trạng thái hoảng loạn?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn có cảm thấy mình khá tự ái không, cái tôi của bạn khá cao ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn hay cảm thấy tiếng tim mình đập nhanh dù đang không làm gì ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn cảm thấy sợ hãi vô cớ ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn có hay mất tập trung không ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn có cảm thấy như mình bị hoang tưởng ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn thường xuyên đau đầu, nhức đầu ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn thấy áp lực khi bị/được người khác đánh giá ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn đôi khi cảm thấy bất lực ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextĐôi khi bạn cảm thấy khó thở ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn đưa ra phán đoán khá chậm ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextBạn đôi khi cảm thấy bị đè nặng bởi trách nhiệm của mình ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi NextĐôi khi bạn bị mất kiểm soát hành vi ?
Không phải tôi Có phần giống tôi Khá giống tôi Chính là tôi Finish<div id="resultContainer" class="hidden">
<div class="result" id="resultText"></div>
<button class="submit-btn" onclick="restartQuiz()">Restart Quiz</button>
</div>
<script>
let currentQuestion = 1;
function nextQuestion(questionNumber) {
const currentQuestionDiv = document.getElementById(`question${questionNumber}`);
const selectedOption = document.querySelector(`input[name="q${questionNumber}"]:checked`);
// Check if the user has selected an answer
if (!selectedOption) {
alert("Hãy trả lời tất cả các câu hỏi.");
return; // Stop function execution if no answer is selected
}
// Move to the next question
currentQuestionDiv.classList.add('hidden');
currentQuestion++;
const nextQuestionDiv = document.getElementById(`question${currentQuestion}`);
if (nextQuestionDiv) {
nextQuestionDiv.classList.remove('hidden');
} else {
// If there are no more questions, show the result button
calculateResult();
}
}
function calculateResult() {
let score = 0;
for (let i = 1; i <= 25; i++) {
const selectedOption = document.querySelector(`input[name="q${i}"]:checked`);
if (selectedOption) {
score += parseInt(selectedOption.value);
}
}
const resultText = document.getElementById('resultText');
resultText.innerText = `Your score is: ${score}`;
document.getElementById('resultContainer').classList.remove('hidden');
document.getElementById('questionsContainer').classList.add('hidden');
}
function restartQuiz() {
currentQuestion = 1;
document.getElementById('resultContainer').classList.add('hidden');
document.getElementById('questionsContainer').classList.remove('hidden');
// Reset all questions
for (let i = 1; i <= 25; i++) {
document.querySelector(`input[name="q${i}"]:checked`).checked = false;
document.getElementById(`question${i}`).classList.add('hidden');
}
document.getElementById(`question1`).classList.remove('hidden');
}
</script>