Guess-the-number

# Guess the Number ### Can you find the secret number in 10 tries?

**[Play Now](https://elenarumiru.github.io/Guess-the-number/src/assets/)**

About

A number guessing game with a beautiful animated wave purple gradient background. The computer picks a random number between 1 and 100 — you have 10 attempts to guess it. Every 3rd wrong guess, you get a hint: higher or lower!

How to Play

Enter a number from 1 to 100
Click “Check”
See the result — right or wrong
Every 3rd attempt you get a directional hint
Guess correctly within 10 tries to win!

Game Rules

Rule	Detail
Range	1 to 100
Attempts	10 max
Hints	Every 3rd wrong guess (higher/lower)
Over 100	Warning message
Restart	No page reload needed

Features

Animated CSS wave background
Purple-to-dark gradient color scheme
Real-time attempt counter
Smart hint system (every 3rd try)
Input validation with range warning
Full game reset without page reload
Responsive design (mobile-friendly)
Debug: secret number visible in browser console

Tech Stack


Logic	Vanilla JavaScript
Styling	CSS3 with wave animations
Layout	Responsive with media queries

Project Structure

readme.md
src/
  js/
    main.js               # Game logic
  assets/
    index.html            # Game UI
    styles/
      style.css           # Theme + wave animation
      responsive.css      # Mobile adaptation
      reset.css           # CSS reset

Made by Elena Rumiru **[Play Guess the Number](https://elenarumiru.github.io/Guess-the-number/src/assets/)**