Skip to content

andreaferrari95/Counter-JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Try it now and have some fun!🚀

Screenshot of the counter

Counter Application

Welcome to the Counter Application! This simple JavaScript-based web application allows users to count, increment, decrement, and reset a counter. It provides a user-friendly interface with interactive buttons for easy control.

Features

  • Increment: Increase the counter value by one.
  • Decrement: Decrease the counter value by one.
  • Reset: Set the counter value back to zero.
  • Full keyboard usability All buttons can be triggered using keyboard inputs.

Additionally, the application features: An instructions card appears as soon as the page is loaded, once discarded, it can be recalled from the instructions button or the "i" key; A congratulatory message with customized images when specific count milestones (10, 25, 50, and 100) are reached. Users can continue counting or reset the counter from the congratulatory modal.

Instructions

  • Use the "+" and "-" buttons or "+" and "-" keys to increment and decrement the counter.
  • Press the "RESET" button or the "r" key to reset the counter.
  • Congratulations messages with images will appear at counts 10, 25, 50, and 100.
  • Congratulation messages can be closed by clicking on "CONTINUE" or pressing the "Enter" key (if you want to continue counting, if you want to close the message and reset the counter you can click on "RESET" or press the "r" key.
  • The "Instructions" button at the bottom right allows users to view instructions at any time by clicking on it or pressing the "i" key.

Getting Started

Open Counter JS on your preferred browser

Start counting and enjoy the application!

Contributing

  1. Clone the repository:

    git clone https://github.com/andreaferrari95/Counter-JS.git
  2. Feel free to update it and enhance Counter JS as you like.

  3. Push for review.

HAVE FUN! PEACE!