This project is a digital tasbeh (prayer beads counter) created during a JavaScript learning course. It mimics the traditional tasbeh used for zikr (prayer recitations) with interactive controls and audio playback.
- The tasbeh counts zikr numbers digitally with a clean UI.
- When the tasbeh tab/button is clicked, it plays Quran audio; clicking again pauses the audio.
- Pressing Enter or Space increases the count.
- The active count visually glows with a shadow effect.
- Pressing Alt decreases the count (goes backward).
- Pressing Escape resets the count to zero.
- The project includes controls for a smooth and interactive zikr experience.
- Audio playback control via clicking the tasbeh tab keyword
- Keyboard support for incrementing, decrementing, and resetting count
- Glowing shadow effect on the active count number
- Responsive and user-friendly interface
- HTML5 β Structure of the project
- CSS3 β Styling and animations
- JavaScript (Vanilla) β Logic for counting, audio control, and keyboard events
You can visit the original site here:
Original Tasbeh Website
Open index.html in a browser to start using the digital tasbeh.
π¨βπ» Created as part of a JavaScript learning course homework.