Prompt Elgg
Buat sebuah **game latihan interaktif** (HTML + JavaScript) yang dikemas dalam satu file PHP memakai Nowdoc (<<<'HTML' ... HTML;) agar PHP tidak mengganti variabel JavaScript. Hasil harus siap dipaste ke CKEditor, Elgg, atau CI4.
Spesifikasi teknis:
1. Struktur: satu variabel $content = <<<'HTML' ... HTML; lalu echo elgg_view_page('Judul Game', $content);
2. CSS: semua inline pada elemen (tidak boleh <link> atau style eksternal). Pastikan responsive (max-width:95% atau max-width:600px) dan mobile-friendly.
3. JS: gunakan function() biasa (hindari arrow functions) agar kompatibel di lingkungan lama. Letakkan script inline sebelum penutup </div>.
4. Nowdoc wajib: tuliskan secara eksplisit `<<<'HTML'` di prompt agar saya mengembalikan kode dengan Nowdoc.
5. Ketentuan keamanan: hindari eval(), jangan memuat file eksternal, sanitasi input minimal (cek isNaN sebelum parseInt).
6. Fitur minimum:
- Pilihan level (minimal 3 level berbeda).
- Soal acak sesuai level (penjumlahan; bisa minta opsi lain).
- Tampilan soal: contohnya `7 + 5 = ?` (pastikan angka muncul).
- Input jawaban, tombol "Cek Jawaban".
- Enter key untuk submit.
- Feedback benar/salah, tampilkan jawaban benar saat salah.
- Skor yang meningkat setiap jawaban benar.
- Soal baru otomatis setelah X detik (X bisa saya tentukan; default 2 detik).
- Animasi transisi ringan saat mengganti soal.
- Fokus ke input setiap soal muncul.
7. Opsi tambahan (sebutkan apa yang Anda mau; kalau tidak, jangan sertakan):
- Mode campuran (+, -, ×, ÷).
- Timer/limit waktu per soal.
- Penyimpanan skor di localStorage (opsional).
- Mode multi-pemain lokal / high-score.
8. Output: satu blok kode PHP penuh, tanpa penjelasan panjang; komentar singkat di dalam kode diperbolehkan.
9. Bahasa UI: default Bahasa Indonesia (bisa diminta English).
10. Jika ada dependensi server (mis. menyimpan skor ke DB), minta secara eksplisit — default: **tidak memerlukan server**.
Contoh frase permintaan: "Buat game penjumlahan anak SD, 3 level, Nowdoc, inline CSS, skor, Enter untuk submit, tambahkan TTS membaca soal."
Catatan penting untuk Anda:
- Pastikan Anda menuliskan kata `Nowdoc` atau `<<<'HTML'` dalam prompt agar saya mengembalikan kode dengan Nowdoc (bukan Heredoc).
