This is a simple web application that allows users to track and visualize the number of clicks, likes, and dislikes. The app includes a balance bar that dynamically represents the ratio of likes to dislikes.
- Increment and decrement counters for likes and dislikes.
- Reset all counters to zero.
- Dynamic balance bar that visually represents the ratio of likes to dislikes.
- Real-time percentage updates for likes and dislikes.
-
Clone the repository to your local machine:
git clone https://github.com/Musyoka2020-eng/counter.git
-
Open the project directory:
cd counter
-
Open the
index.html
file in your preferred web browser.
- Click the "Increment" button to increase the like count.
- Click the "Decrement" button to increase the dislike count.
- Click the "Reset" button to reset all counters to zero.
- index.html: The main HTML file that defines the structure of the web page.
- style.css: The CSS file for styling the web page.
- script.js: The JavaScript file containing the logic for handling button clicks and updating counters.
This project does not have any external dependencies. It can be run in any modern web browser.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or create a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by the need for a simple and visual counter application.
- Built with HTML, CSS, and JavaScript.