https://github.com/pransu-code/guessmynumber
Check how lucky you are
https://github.com/pransu-code/guessmynumber
game html javascript
Last synced: 9 days ago
JSON representation
Check how lucky you are
- Host: GitHub
- URL: https://github.com/pransu-code/guessmynumber
- Owner: Pransu-code
- Created: 2024-07-30T22:11:09.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-07-31T08:38:38.000Z (over 1 year ago)
- Last Synced: 2025-07-05T15:24:49.730Z (10 months ago)
- Topics: game, html, javascript
- Language: JavaScript
- Homepage: https://guess-my-number-65.netlify.app/
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Guess My Number Game
# Description
"Guess My Number" is a simple and fun game built with JavaScript, HTML, and CSS. The objective of the game is for the player to guess a randomly generated number within a specified range. This project demonstrates basic DOM manipulation, event handling, and styling techniques in web development.
# Features
- Random number generation
- User input validation
- Feedback on guesses (too high, too low)
- Score tracking
- Reset functionality
- Responsive design
- Technologies Used
- HTML
- CSS
- JavaScript
# Demo
Link to the live demo -> https://guess-my-number-65.netlify.app/
# Getting Started
Prerequisites
To run this project locally, you need a web browser (e.g., Chrome, Firefox, Safari).
# Installation
Clone the repository:
bash
git clone https://github.com/your-username/guess-my-number.git
Navigate to the project directory:
bash
cd guess-my-number
Open index.html in your web browser:
bash
open index.html
#How to Play
Enter your guess in the input field.
Click the "Check!" button.
The game will provide feedback whether your guess is too high, too low, or correct.
The score decreases with each wrong guess.
Click the "Again!" button to reset the game and play again.
# Project Structure
guess-my-number/
│
├── index.html # The main HTML file
├── styles.css # The main CSS file
└── script.js # The main JavaScript file
# Code Explanation
HTML
The HTML file contains the basic structure of the game, including the input field, buttons, and elements to display the feedback and score.
CSS
The CSS file contains styles to make the game visually appealing. It includes layout styles, colors, fonts, and responsive design adjustments.
JavaScript
The JavaScript file contains the logic of the game:
Generating a random number
Handling user input
Providing feedback on guesses
Updating the score
Resetting the game
Contributing
Contributions are welcome! If you have any suggestions or improvements, feel free to open an issue or submit a pull request.
Acknowledgments
[Udemy, Google, gpt]