diff --git a/prompt.md b/prompt.md deleted file mode 100644 index 197ea41..0000000 --- a/prompt.md +++ /dev/null @@ -1,123 +0,0 @@ -Selamat Siang, Buatkan sebuah aplikasi/game kertas batu gunting sederhana berbasis HTML, CSS, dan Javascript! - -A. Ketentuan : -- Gunakan HTML, CSS, dan Javascript -- Menerapkan jQuery Effects -- Menerapkan jQuery Events -- Menerapkan jQuery DOM Manipulation - -B. Struktur Folder : -. -├── assets -│ ├── img -│ │ ├── expressions -│ │ │ ├── happy.png -│ │ │ ├── omg.png -│ │ │ └── sad.png -│ │ └── items -│ │ ├── batu.png -│ │ ├── gunting.png -│ │ └── kertas.png -│ ├── script.js -│ └── style.css -├── index.html - -C. Flow Aplikasi : - -Halaman Pertama : -1. Terdapat title `Kertas Batu Gunting` -2. Terdapat button `Mulai Permainan` atau `Main Lagi` jika permainan sudah selesai. - -Halaman Kedua : -1. Halaman awal akan hilang dan akan muncul 3 icon (kertas, batu, gunting) -2. Tambahkan keterangan `Pilih salah satu` diatas icon, dan `Kamu memilih ` dibawah icon (nama icon disesuaikan dengan icon yang dipilih dengan menggunakan animasi jquery) -3. Setelah user klik salah satu icon, maka akan muncul keterangan `Kamu memilih ` -4. Tambahkan konfirmasi `Apakah kamu yakin dengan pilihanmu?` dengan 2 pilihan yaitu `Ya` dan `Tidak`, jika user memilih `Ya` maka akan beralih ke halaman ketiga, jika user memilih `Tidak` maka akan kembali ke halaman kedua. - -Halaman Ketiga : -1. Halaman kedua akan hilang dan akan muncul keterangan "Komputer sedang memilih..." dengan animasi loading selama 5 detik. - -Halaman Keempat : -1. Halaman ketiga akan hilang -2. Tampilkan halaman sekarang muncul icon yang dipilih oleh pemain dan komputer dengan keterangan `Kamu memilih dan Komputer memilih ` -3. Pada halaman ini, tambahkan keterangan `Permainan akan dimulai dalam 3,2,1..` dengan animasi jquery dan otomatis akan beralih ke halaman kelima - -Halaman Kelima : -1. Halaman keempat akan hilang dan akan muncul keterangan `Hasilnya adalah vs `, dan tambahkan keterangan `Kamu ` disertai gambar emoji. - - -D. Struktur HTML - -```html - - - - - - - Kertas Batu Gunting - - - - - -
- - -
-

Kertas Batu Gunting

- - - atau tekan tombol CTRL + R untuk memulai - -
- - -
-

Silahkan kamu memilih salah satu item.

-
- - - -
-

Kamu memilih :

- -
- - -
-

Komputer sedang memilih...

-
- - -
-

Bersiaplah !!!

-
-
-

Kamu memilih :

-

VS

-

Komputer memilih :

-
-
-
-
- - -
-

Hasil Permainan

-
- - -

-

-
- -
-
- - - - - - -```