Skip to content

marcovasto/JavascriptCounter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Javascript Counter

This project is part of my educational journey and was developed as an assigned task for the completion of a course module. The counter was built entirely with JavaScript, as required by the course. I chose to implement the counter with a modern digital style, inspired by digital clocks, including clean visual design and effects like blurred backgrounds.

🌐 Live Preview

Here you can find a live preview of my counter

βš™οΈ Technologies Used

  • Vanilla JavaScript (no frameworks)
  • HTML5 (DOM generated)
  • CSS (fully applied via JavaScript)

✨ Features

  • Interactive Counter: Users can increment, decrement, and reset the counter using three dedicated buttons
  • Background Customization: Easily selectable background image and styles to enhance the visual appearance
  • Mobile-First Design: Layout and dimensions are optimized primarily for mobile devices, ensuring full visibility and accessibility
  • Social Media Integration: Open Graph meta tags to enhance sharing on social platforms
  • Modern UI: Clean, digital-clock-inspired design using only JavaScript

🌳 Project Structure

β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ images/
β”‚   └── js/
β”‚       β”œβ”€β”€ counterLogic.js
β”‚       └── createElements.js
β”œβ”€β”€ index.html
└── README.md

About

Mobile-first digital-style counter with increment, decrement, and reset buttons, fully built using JavaScript.

Resources

Stars

Watchers

Forks