Code Monkey home page Code Monkey logo

hadiprasetiyo / guessing-game Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 24 KB

Repositori Ini berisi game menebak angka berbasis web yang dibangun menggunakan PHP dengan prinsip Pemrograman Berorientasi Objek (OOP). Pemain dapat memasukkan tebakan mereka untuk menemukan angka yang benar dalam rentang yang ditentukan. Game ini dirancang menggunakann Tailwind CSS agar tampilan lebih responsive dan menarik.

Home Page: https://guessing-game-orcin-five.vercel.app

License: MIT License

PHP 100.00%
game-development guessing-game modern-user-interface object-oriented-programming php8 tailwindcss validation web-based-game interactive-feedback

guessing-game's Introduction

๐ŸŽฎ Simple Guessing Game

Selamat datang di Game Tebak Angka Sederhana! Ini adalah game berbasis web di mana Anda dapat menebak angka yang benar dalam rentang tertentu. Game ini dibuat menggunakan PHP dan menggunakan konsep Pemrograman Berorientasi Objek (OOP).

๐Ÿ“ Project Structure

โ”œโ”€โ”€ classes
โ”‚ โ””โ”€โ”€ GuessingGame.php
โ”œโ”€โ”€ img
โ”‚ โ””โ”€โ”€ nyan-cat.gif
โ”œโ”€โ”€ LICENSE
โ”œโ”€โ”€ README.md
โ””โ”€โ”€ index.php

๐Ÿ“„ How to Play

  1. Masukkan teks pada kolom "Masukkan text".
  2. Masukkan jumlah loop pada kolom "Masukkan jumlah loop" (minimal 50 angka loop dan maksimal 150 angka loop).
  3. Klik "Start Game" untuk memulai.
  4. List baru akan muncul di mana Anda dapat menebak angka yang benar.
  5. Masukkan tebakan Anda dan klik "Cek" untuk melihat apakah tebakan Anda benar.

๐Ÿ“‚ File Descriptions

classes/GuessingGame.php

File ini berisi kelas GuessingGame dengan metode berikut:

  • __construct($text, $jumlahLoop): Menginisialisasi game dengan teks dan jumlah loop yang diberikan.
  • validateInput(): Memvalidasi bahwa jumlah loop berada antara 50 dan 150.
  • displayForm(): Menampilkan formulir untuk input tebakan pengguna.
  • displayResults(): Menampilkan hasil game, menunjukkan teks dan pesan khusus di posisi acak.
  • checkGuess($tebakan, $hasil_tebakan): Memeriksa apakah tebakan pengguna benar dan menampilkan pesan menggunakan SweetAlert2.

index.php

File ini mengatur tampilan utama dalam game dan penginputan form:

  • Menyertakan kelas GuessingGame.
  • Menampilkan formulir awal untuk input pengguna.
  • Memvalidasi input dan memulai game.
  • Menampilkan hasil dan menangani pengecekan tebakan.

๐Ÿ–ผ๏ธ Assets

  • img/nyan-cat.gif: GIF Nyan Cat yang digunakan dalam pesan sukses.

๐ŸŽจ Using Tailwind CSS

Project ini menggunakan Tailwind CSS untuk styling. Anda dapat melihat link CDN untuk Tailwind CSS di dalam file index.php.

๐ŸŒŸ Features

  • Game tebak-tebakan yang sederhana dan interaktif.
  • Validasi input dengan SweetAlert2 untuk pesan yang lebih menarik.
  • Pesan sukses animasi dengan GIF Nyan Cat.

๐Ÿ“œ License

Project ini bersifat open-source dan tersedia di bawah MIT License.

๐Ÿ‘ค Author


Enjoy the game! ๐ŸŽ‰

guessing-game's People

Contributors

hadiprasetiyo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.