Skip to content

hima065/Numberguessing-game-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฏ Number Guessing Game

A responsive, interactive Number Guessing Game built using HTML, CSS, and JavaScript. The game generates a random number between 1 and 100, and challenges the user to guess it with real-time feedback and attempt tracking.

๐Ÿš€ Features

  • ๐ŸŽฒ Random number generation (1โ€“100)
  • โŒจ๏ธ Input validation for out-of-range or invalid entries
  • ๐Ÿ“ˆ๐Ÿ“‰ Real-time feedback (too high / too low / correct)
  • ๐Ÿ”ข Attempt counter
  • ๐Ÿ”„ "New Game" reset functionality
  • โŽ Enter key support for quick guessing
  • ๐ŸŽจ Animated gradient background with responsive UI
  • ๐Ÿ“ฑ Mobile and desktop friendly design

๐Ÿ› ๏ธ Technologies Used

  • HTML5
  • CSS3 (Flexbox, gradients, animations)
  • JavaScript (ES6, DOM manipulation, event handling)

๐Ÿ“‚ Project Structure

number-guessing/
โ”‚
โ”œโ”€โ”€ index.html      # Main HTML file (structure, styles, and script)
โ””โ”€โ”€ README.md

โš™๏ธ Installation

  1. Clone the repository:

    git clone https://github.com/hima065/number-guessing.git
  2. Navigate to the project folder:

    cd number-guessing
  3. Open index.html in your browser โ€” no build steps or dependencies required.

๐ŸŽฎ How to Play

  1. Enter a number between 1 and 100 in the input field.
  2. Click Guess or press Enter.
  3. Follow the feedback (too high / too low) to narrow down your guess.
  4. Once correct, click New Game to play again.

๐ŸŒ Live Demo

(Add your deployed link here if hosted, e.g., via GitHub Pages or Vercel)

๐Ÿ“ธ Preview

(Add a screenshot or GIF of the game here)

About

Built an interactive number guessing game with DOM manipulation, dynamic feedback, attempt tracking, and input validation using vanilla JavaScript

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages