Prompt:

Tolong buatkan saya skrip HTML, JavaScript, dan Bootstrap untuk game edukasi adab Islami untuk anak-anak TK dengan detail berikut:

1️⃣ Saat halaman dibuka, muncul form untuk mengisi:

• Nama anak.

• Gender (Laki-laki / Perempuan).

2️⃣ Setelah form diisi, muncul pertanyaan adab pilihan ganda (Multiple Choice) dengan 5 pilihan jawaban.

3️⃣ Saat anak memilih jawaban:

• Sistem memberikan apresiasi suara yang menyebut nama anak (misalnya “MasyaAllah, [nama], jawaban kamu benar!”).

• Setelah itu, layar menampilkan dalil atau hadist Islami BESAR, menggantikan posisi pertanyaan dan pilihan.

• Dalil atau hadist ini juga dibacakan secara otomatis (menggunakan SpeechSynthesis API).

4️⃣ Setelah bacaan dalil selesai, otomatis lanjut ke soal berikutnya.

5️⃣ Total soal: 3 buah.

6️⃣ Nuansa desain:

• Warna pink dan hijau lembut (islami, pastel).

• Semua kartu dan tombol posisinya center, ukurannya seimbang.

• Header dan footer rapi, header tidak menempel ke kotak pertanyaan (ada jarak).

• Saat menampilkan dalil, tambahkan background icon dekoratif dari Font Awesome (misal: bintang, bulan, Quran, masjid) agar layar terlihat menarik.

7️⃣ Sertakan icon Font Awesome untuk mempercantik:

• Di header (misalnya icon masjid).

• Di tombol pilihan (misalnya icon lingkaran).

• Di tombol dengarkan suara (misalnya icon speaker).

• Di footer (misalnya icon daun).

8️⃣ Pastikan seluruh skrip responsif dan ramah anak.