An open API service indexing awesome lists of open source software.

https://github.com/filonenkodima/guessmynumber

GuessMyNumber is an interactive number-guessing game implemented in JavaScript. Players attempt to guess a randomly generated number within a specified range. This project showcases skills in JavaScript programming, including DOM manipulation, event handling, and basic game logic.
https://github.com/filonenkodima/guessmynumber

css frontend html javascript

Last synced: about 2 months ago
JSON representation

GuessMyNumber is an interactive number-guessing game implemented in JavaScript. Players attempt to guess a randomly generated number within a specified range. This project showcases skills in JavaScript programming, including DOM manipulation, event handling, and basic game logic.

Awesome Lists containing this project

README

          

# GuessMyNumber

## About the Project
GuessMyNumber is a fun and simple number-guessing game where the player tries to guess a secret number generated by the computer. The game is built using JavaScript, HTML, and CSS, providing an interactive and engaging experience. This project demonstrates core JavaScript concepts such as event handling, DOM manipulation, and the use of logic to create a dynamic web application.
Check out the [live demo](https://filonenkodima.github.io/GuessMyNumber/) of GuessMyNumber.

## Purpose of the Project
- Practiced JavaScript basics, including variables, functions, and control structures.
- Implemented DOM manipulation techniques to create a responsive user interface.
- Developed game logic for generating random numbers, handling user input, and providing feedback.
- Enhanced skills in creating interactive web applications using JavaScript, HTML, and CSS.

## Getting Started

### Prerequisites
Make sure you have the following installed on your system:
- Git
- A web browser

### Installation
1. Clone the repository:
`git clone https://github.com/FilonenkoDima/GuessMyNumber.git`
2. Navigate to the project directory:
`cd GuessMyNumber`
3. Running the Application
`Open the index.html file in your preferred web browser to start playing the game.`

## Project Structure
The project is organized as follows:
- `/css`: Contains the stylesheet for the game interface.
- `/img`: Contains images used in the game (if any).
- `/js`: Contains the main JavaScript file responsible for game logic and user interactions.
- `index.html`: The main HTML file that serves as the entry point for the game.

## Game Rules and Features
- Game Objective: Guess the secret number chosen by the computer within a certain range.
- Input and Feedback: Players input their guesses, and the game provides feedback whether the guess is too high, too low, or correct.
- Score System: Players start with a score of 20, and each incorrect guess decreases the score by 1.
- Winning the Game: The game ends when the player correctly guesses the number, displaying a success message and the final score.
- Resetting the Game: Players can reset the game to play again with a new random number.

## Demo
![](https://github.com/FilonenkoDima/GuessMyNumber/blob/main/demo.gif)