SKRIP APLIKASI PECUNDAN ATAU PEMENANG

🦸‍♂️ Pecundang atau Pemenang?

======================================================================== Berikut adalah prompt ChatGPT secara lengkap dan detail yang dapat Anda gunakan untuk mengembangkan atau menyempurnakan aplikasi “Pecundang atau Pemenang”: ________________________________________ 🎯 Prompt ChatGPT - Aplikasi Pecundang atau Pemenang Prompt: Saya ingin Anda membantu saya membuat aplikasi sederhana berbasis HTML, CSS (Bootstrap), dan JavaScript dengan konsep kuis motivasi psikologis bernama "Pecundang atau Pemenang?". Tujuan aplikasi: ● Mengukur pola pikir pengguna apakah lebih cenderung ke arah pemenang atau pecundang berdasarkan jawaban mereka terhadap pertanyaan tertentu. ________________________________________ ✅ Fitur-fitur yang harus ada: 1. Layout: ○ Menggunakan Bootstrap. ○ Header dan Footer sederhana (tidak fixed). ○ Konten tengah dalam bentuk card putih dengan border-radius dan shadow. ○ Logo Superman di atas pertanyaan. ○ Nuansa warna dominan: biru gelap ke ungu gradasi. 2. Pertanyaan & Jawaban: ○ Format pertanyaan dalam bentuk array questions = [[pertanyaan, [jawaban, skor, penjelasan], ...], ...] ○ Setiap soal memiliki 5 jawaban dengan skor 0–4. ○ Soal ditampilkan satu per satu (1 soal per layar). ○ Jawaban ditampilkan secara acak. ○ Setelah memilih jawaban, soal langsung berpindah otomatis ke soal berikutnya. 3. Skoring dan Hasil Akhir: ○ Setelah semua pertanyaan selesai: ■ Total skor dihitung. ■ Tampilkan apakah user termasuk: ■ ❌ Pecundang (skor rendah, 0–15) ■ ⚠️ Netral (skor sedang, 16–25) ■ 💪 Pemenang (skor tinggi, 26–40) ■ Di akhir, tampilkan nasehat berdasarkan hasil, dan jika termasuk pecundang, sebutkan soal mana yang berkontribusi terhadap skor rendah, beserta alasannya. 4. Suara (Web Speech API): ○ Gunakan SpeechSynthesisUtterance untuk membacakan hasil akhir dan nasehat. 5. Anti-inspeksi (sebisa mungkin): ○ Nonaktifkan: ■ Klik kanan ■ Ctrl+U ■ Ctrl+S ________________________________________ 🎁 Output yang diharapkan dari Anda: ● File HTML utuh berisi semua kode (1 file saja). ● Mengandung 10 soal motivasi (bisa ditambah sampai 20). ● Soal ditulis dalam Bahasa Indonesia, dengan gaya bahasa ringan namun menyentuh secara psikologis. ● Dapat diakses secara offline (tidak butuh backend). ● Tampilan mobile-friendly. ● Suara menggunakan speechSynthesis bahasa id-ID. ________________________________________ Jika Anda memahami prompt ini, tolong buatkan aplikasi kuis seperti yang diminta, dan pastikan transisi antar soal smooth, desain enak dilihat, dan voice feedback menginspirasi. ________________________________________ 💡 Anda bisa menyesuaikan prompt ini jika ingin menambah fitur: ● Simpan hasil ke localStorage ● Tambah animasi motivasi di akhir ● Tambah share to WhatsApp/Instagram Kalau mau saya bantu konversi prompt ini ke bahasa Inggris atau buat versi untuk API, tinggal bilang ya!