Skip to content

Syeda-Eman/Reaction-Time

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

9 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฏ Reaction Time Game

A simple and interactive Reaction Time Game built using HTML, CSS, and JavaScript. The game measures how quickly you react when the screen changes from red to green.

๐Ÿ“Œ Features

  • ๐ŸŽฎ Click anywhere or press the Space key to play
  • โณ Random waiting time before the signal appears
  • โšก Measures your reaction time in milliseconds
  • ๐Ÿ† Keeps track of your best score
  • ๐Ÿ“Š Displays your most recent score
  • ๐Ÿšจ Detects early clicks and asks you to try again
  • ๐Ÿ“ฑ Simple and responsive interface

๐Ÿ–ผ๏ธ Preview

When the game starts:

  • Blue Screen: Ready to start
  • Red Screen: Wait...
  • Green Screen: Click as fast as possible!
  • Result Screen: Displays your reaction time and best score.

๐Ÿ› ๏ธ Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)

๐Ÿš€ How to Run

  1. Download or clone this repository.
git clone https://github.com/your-username/reaction-time-game.git
  1. Open the project folder.

  2. Double-click index.html

or

Open it using Live Server in Visual Studio Code.


๐ŸŽฎ How to Play

  1. Click anywhere on the screen or press the Space key.
  2. The screen will turn red.
  3. Wait until it turns green.
  4. As soon as it turns green, click immediately or press Space.
  5. Your reaction time will be displayed.
  6. Try to beat your best score!

โš ๏ธ Clicking before the green screen appears will result in a Too Early! message.

About

This repository includes the code of the work done during the Hack Club Hackathon

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages