Skip to content

rukenerpolat/counter-project-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ”’ Counter Project (JavaScript)

A simple and interactive counter application built using HTML, CSS, and Vanilla JavaScript. Users can increase, decrease, or reset the counter value with a clean and responsive interface.

✨ Features

βž• Increment the counter
βž– Decrement the counter
⚠️The number cannot be less than zero.
πŸ”„ Reset the counter to zero
🎯 The color changes when the number is a multiple of 10.
πŸ“± Mobile-responsive design

πŸ’‘ How It Works

  • The counter value is managed with a JavaScript variable.
  • Button event listeners update the value dynamically.
  • DOM is updated immediately based on user interaction.

πŸ› οΈ Tech Stack

βœ… HTML5
βœ… CSS3
βœ… JavaScript

πŸ“¦ Getting Started

To run the project locally:

  1. Clone the repository
    git clone https://github.com/rukenerpolat/counter-project-javascript.git
    
  2. Navigate to the project folder
    cd counter-project-javascript
    
  3. Open index.html in your browser

πŸ“ Project Structure

counter-project-javascript/
β”œβ”€β”€ index.html
β”œβ”€β”€ style.css
└── script.js

πŸš€ Live Demo

πŸ‘‰ View Live Project

πŸ“Έ Preview

image

🀝 Contributing

Feel free to fork the repo, make enhancements, and submit a pull request!

Let’s connect:

LinkedIn Medium

Made withπŸ’™by @rukenerpolat

Thank you for your visit! πŸ––

About

A simple and functional counter app built with HTML, CSS, and JavaScript. Users can increase, decrease, or reset the count.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published