16_Puzzle

Number Puzzle Game

This is a simple and attractive number puzzle game implemented using HTML, CSS, JavaScript, and Bootstrap. The game is inspired by the classic 8-puzzle game, where the objective is to arrange numbered tiles in sequential order by sliding them into an empty space.

Demo show

16_Puzzle

Features

• Interactive 4x4 grid puzzle (16-puzzle).
• Shuffle button to randomize the tiles.
• Move counter to track the number of moves.
• Timer to track the time taken to solve the puzzle.
• Score calculation based on moves and time taken.

How to Play

1. Open the game in your web browser.
2. Click the "Shuffle" button to start a new game.
3. Slide the tiles by clicking on them to move them into the empty space.
4. Arrange the tiles in numerical order (1 to 16) with the empty space in the bottom-right corner.
5. The game ends when you have arranged all the tiles correctly. Your score will be displayed based on the number of moves and time taken.

Installation

No installation is required. Simply open the index.html file in your web browser to start playing the game.

Files

• index.html: The main HTML file that contains the structure of the game.
• style.css: The CSS file that styles the game using Bootstrap and custom styles.
• script.js: The JavaScript file that contains the game logic and interactivity.

Usage

1. Clone the repository or download the files.
2. Open index.html in your preferred web browser.