const questions = [
{
question: "Apa adab saat makan?",
choices: [
"Makan dengan tangan kiri",
"Berdoa sebelum makan",
"Berbicara saat mulut penuh",
"Tidur sambil makan"
],
answer: "Berdoa sebelum makan"
},
{
question: "Apa adab terhadap orang tua?",
choices: [
"Membantah jika tidak setuju",
"Mengangkat suara",
"Bersikap sopan dan taat",
"Mengabaikan mereka"
],
answer: "Bersikap sopan dan taat"
},
{
question: "Adab sebelum tidur adalah...",
choices: [
"Langsung tidur tanpa doa",
"Main HP di tempat tidur",
"Berwudhu dan membaca doa tidur",
"Makan banyak lalu tidur"
],
answer: "Berwudhu dan membaca doa tidur"
}
];
let currentQuestion = 0;
function loadQuestion() {
const q = questions[currentQuestion];
document.getElementById("questionText").textContent = q.question;
const choicesContainer = document.getElementById("choices");
choicesContainer.innerHTML = "";
q.choices.forEach(choice => {
const btn = document.createElement("button");
btn.className = "list-group-item list-group-item-action choice";
btn.textContent = choice;
btn.onclick = () => selectAnswer(btn, q.answer);
choicesContainer.appendChild(btn);
});
}
function selectAnswer(button, correctAnswer) {
const allButtons = document.querySelectorAll(".choice");
allButtons.forEach(btn => btn.disabled = true);
if (button.textContent === correctAnswer) {
button.classList.add("correct");
} else {
button.classList.add("incorrect");
allButtons.forEach(btn => {
if (btn.textContent === correctAnswer) btn.classList.add("correct");
});
}
}
function nextQuestion() {
currentQuestion = (currentQuestion + 1) % questions.length;
loadQuestion();
}
window.onload = loadQuestion;