Skip to content

Latest commit

 

History

History
24 lines (17 loc) · 1.23 KB

README.md

File metadata and controls

24 lines (17 loc) · 1.23 KB

Counter Mini Project

This is a simple Counter Mini Project built using HTML, CSS, and JavaScript. The project allows users to increment, decrement, and reset a displayed number. The interface is clean, responsive, and includes smooth transitions when the number changes.

Features

  • Increment/Decrement: Click the "Increase" and "Decrease" buttons to adjust the value of the counter.
  • Reset: The "Reset" button resets the counter value back to 0.
  • Smooth Transitions: The number transitions smoothly when increasing or decreasing, providing a user-friendly experience.
  • Responsive Design: The layout is centered and adapts well to different screen sizes, maintaining a clean look on both desktop and mobile.
  • Grid Layout: The buttons are arranged in a grid format with three equal columns.
  • CSS Animations: The project uses CSS animations to smoothly fade the number in and out when it changes.

Usage

  • Click the Increase button to increment the counter.
  • Click the Decrease button to decrement the counter.
  • Click the Reset button to reset the counter to 0.

Technologies Used

  • HTML5
  • CSS3 (Grid Layout, Transitions)
  • JavaScript (DOM Manipulation, Event Handling)