October 24, 2025

Guess The Number

A fun and interactive number guessing game built with HTML, CSS, and JavaScript.

thumbnail

Pitch Details

🎯 Guess My Number!

Welcome to Guess My Number!, a fun and interactive number guessing game built with HTML, CSS, and JavaScript. Your goal? Guess the randomly generated number between 1 and 20 in as few tries as possible!

🌐 Live Demo

👉 Play Guess My Number


🧩 Features

  • 🎲 Random number generation
  • 🧠 Interactive feedback (Too high / Too low / Correct)
  • 🏆 Score tracking and high score saving
  • 🔁 Reset button to play again instantly
  • 📱 Fully responsive — works great on desktop and mobile
  • Built using only HTML, CSS, and JavaScript

🎮 How to Play

  1. Click the "Again!" button to start a new game.

  2. Enter your guess (between 1 and 20) in the input field.

  3. Click "Check!" to submit your guess.

  4. Get real-time feedback:

    • 🔼 Too high! — Try a smaller number
    • 🔽 Too low! — Try a larger number
    • Correct! — You guessed it!
  5. Keep track of your score and aim for a new high score!


🧱 Tech Stack

Technology Purpose
HTML5 Structure
CSS3 Styling and responsiveness
JavaScript (ES6) Game logic and interactivity

💡 About the Project

This project was built as a simple yet fun frontend challenge to improve JavaScript logic and DOM manipulation skills. It demonstrates how much you can do with just vanilla JS — no frameworks, no libraries, just pure code.