AL QURAN
Mapel
Pendidikan Agama
Jenjang
Kelas 9 SMP
Platform
HTML5 · Web
Tentang Game Ini
[08:15, 04/03/2026] Dilla Sevina: <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kuis Mengenal Al-Qur'an</title> <style> body { font-family: Arial, sans-serif; background: linear-gradient(to right, #2c3e50, #4ca1af); color: white; text-align: center; padding: 20px; } .container { background: rgba(0,0,0,0.6); padding: 20px; border-radius: 10px; max-width: 500px; margin: auto; } button { display: block; width: 100%; margin: 10px 0; padding: 10px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .option { background: #3498db; color: white; } .option:hover { background: #2980b9; } #nextBtn { background: #27ae60;… [08:19, 04/03/2026] Dilla Sevina: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Quiz Keutamaan Membaca Al-Qur'an</title> <style> body{ font-family: Arial, sans-serif; background: linear-gradient(to right, #4facfe, #00f2fe); text-align: center; padding: 20px; } .container{ background: white; padding: 20px; border-radius: 15px; max-width: 600px; margin: auto; box-shadow: 0 10px 25px rgba(0,0,0,0.2); } button{ display: block; margin: 10px auto; padding: 10px; width: 80%; border: none; border-radius: 8px; cursor: pointer; background-color: #4facfe; color: white; font-size: 16px; } button:hover{ background-color: #00c6ff; } #result{ font-size: 20px; font-weight: bold; } </style> </head> <body> <div class="container"> <h2>📖 Quiz Keutamaan & Adab Membaca Al-Qur'an</h2> <p id="question"></p> <div id="choices"></div> <p id="score"></p> <p id="result"></p> <button onclick="nextQuestion()">Soal Berikutnya</button> </div> <script> const quiz = [ { question:"1. Membaca Al-Qur'an termasuk ibadah yang...", choices:["A. Biasa saja","B. Kurang penting","C. Sangat mulia","D. Tidak wajib"], answer:2 }, { question:"2. Al-Qur'an berfungsi sebagai...", choices:["A. Buku cerita","B. Petunjuk hidup umat Islam","C. Buku sejarah","D. Buku biasa"], answer:1 }, { question:"3. Membaca Al-Qur'an membuat hati menjadi...", choices:["A. Gelisah","B. Takut","C. Tenang","D. Marah"], answer:2 }, { question:"4. Orang yang rajin membaca Al-Qur'an termasuk...", choices:["A. Orang biasa","B. Sebaik-baik mukmin","C. Orang sombong","D. Orang kaya"], answer:1 }, { question:"5. Di akhirat akan diberi...", choices:["A. Uang","B. Mahkota kehormatan","C. Mobil","D. Rumah"], answer:1 }, { question:"6. Pada hari kiamat Al-Qur'an memberi...", choices:["A. Hukuman","B. Syafaat","C. Teguran","D. Hadiah dunia"], answer:1 }, { question:"7. Hidup menjadi...", choices:["A. Sulit","B. Terarah","C. Gelap","D. Bebas"], answer:1 }, { question:"8. Orang dekat dengan Al-Qur'an dekat dengan...", choices:["A. Teman","B. Guru","C. Allah","D. Tetangga"], answer:2 }, { question:"9. Adab pertama membaca Al-Qur'an...", choices:["A. Membaca keras","B. Ikhlas","C. Cepat selesai","D. Santai"], answer:1 }, { question:"10. Membaca bukan untuk...", choices:["A. Ibadah","B. Pahala","C. Dipuji","D. Dekat Allah"], answer:2 }, { question:"11. Saat membaca harus...", choices:["A. Bercanda","B. Bermain","C. Konsentrasi","D. Mengobrol"], answer:2 }, { question:"12. Tempat membaca harus...", choices:["A. Kotor","B. Bersih","C. Ramai","D. Gelap"], answer:1 }, { question:"13. Sebelum membaca membaca...", choices:["A. Doa makan","B. Isti'adzah","C. Lagu","D. Salam"], answer:1 }, { question:"14. Tujuan isti'adzah...", choices:["A. Dipuji","B. Dilindungi dari setan","C. Cepat selesai","D. Terlihat hebat"], answer:1 }, { question:"15. Membaca dengan suara...", choices:["A. Berteriak","B. Baik tidak berlebihan","C. Keras sekali","D. Tidak jelas"], answer:1 }, { question:"16. Tartil artinya...", choices:["A. Cepat","B. Pelan dan jelas","C. Sambil main","D. Tergesa-gesa"], answer:1 }, { question:"17. Membaca tergesa-gesa itu...", choices:["A. Baik","B. Terpuji","C. Kurang tepat","D. Dianjurkan"], answer:2 }, { question:"18. Salah satu keutamaan...", choices:["A. Mainan","B. Pahala","C. Uang saku","D. Hadiah teman"], answer:1 }, { question:"19. Pikiran menjadi...", choices:["A. Bingung","B. Jernih","C. Kacau","D. Kosong"], answer:1 }, { question:"20. Kesimpulan materi...", choices:["A. Tidak penting","B. Memiliki keutamaan & beradab","C. Hanya anak kecil","D. Hanya di sekolah"], answer:1 } ]; let currentQuestion = 0; let score = 0; function loadQuestion(){ document.getElementById("question").innerText = quiz[currentQuestion].question; let choicesHTML=""; quiz[currentQuestion].choices.forEach((choice,index)=>{ choicesHTML += <button onclick="checkAnswer(${index})">${choice}</button>; }); document.getElementById("choices").innerHTML = choicesHTML; } function checkAnswer(index){ if(index === quiz[currentQuestion].answer){ score++; alert("✅ Jawaban Benar!"); }else{ alert("❌ Jawaban Salah!"); } document.getElementById("score").innerText="Skor: "+score; } function nextQuestion(){ currentQuestion++; if(currentQuestion < quiz.length){ loadQuestion(); }else{ document.getElementById("question").innerText="Quiz Selesai 🎉"; document.getElementById("choices").innerHTML=""; document.getElementById("result").innerText="Skor Akhir Anda: "+score+" dari 20"; } } loadQuestion(); </script> </body> </html>
Manfaat Pembelajaran Pendidikan Agama
- ✓Memperkuat pemahaman konsep melalui latihan aktif dan interaktif
- ✓Membangun motivasi belajar dengan sistem poin dan tantangan
- ✓Memberikan umpan balik langsung sehingga siswa tahu area yang perlu diperkuat
- ✓Bisa diulang berkali-kali tanpa rasa bosan untuk penguasaan yang lebih baik
Cara Menggunakan Game Ini
- 1Guru: Integrasikan sebagai aktivitas pembelajaran di kelas atau tugas mandiri di rumah
- 2Siswa: Mainkan dengan fokus dan baca setiap instruksi dengan teliti sebelum memulai
- 3Ulangi: Jangan menyerah jika gagal di percobaan pertama — pengulangan adalah kunci belajar
💡 Tips Belajar
Belajar paling efektif ketika kita aktif dan termotivasi. Tetapkan target skor sebelum bermain, dan rayakan setiap kemajuan kecil yang kamu capai.