๐ง Activity 2 - Digital Tasbeeh Program
๐ง Activity 2 - Create a Digital Tasbeeh Program (ุงูุชุณุจูุญ ุงูุฐูุจู)
๐ Task
Create a web program using HTML, CSS, and JavaScript that simulates a digital Tasbeeh counter with beautiful black-and-gold design.
Requirements:
Your program should:
1๏ธโฃ Display a centered box with the title โุงุจุฏุฃ ุงูุชุณุจูุญโ and a Start button.
2๏ธโฃ When the user clicks ุงุจุฏุฃ (Start):
- The button becomes disabled until the program finishes.
- The following dhikr phrases should appear automatically, each changing color and counting up to 33:
- โุณุจุญุงู ุงูููโ โ 33 times (white).
- โุงูุญู ุฏ ูููโ โ 33 times (red).
- โุงููู ุฃูุจุฑโ โ 33 times (gold).
- After that, display the full phrase once (green):
โูุง ุฅูู ุฅูุง ุงููู ูุญุฏู ูุง ุดุฑูู ููุ ูู ุงูู ูู ููู ุงูุญู ุฏ ููู ุนูู ูู ุดูุก ูุฏูุฑโ - Finally, show an alert message that says:
โูู ู ูุฒุงู ุญุณูุงุชูู โ
3๏ธโฃ Once completed, the button should become enabled again for another round.
4๏ธโฃ The counter should update automatically usingsetInterval()every 0.5 seconds.
5๏ธโฃ Style the page with a black background and golden theme using the font Noto Kufi Arabic.
6๏ธโฃ Add a small logo in the corner and a glowing link under it to ProgrammingAdvices.com.
Use these images...
Download
2 comments