🧐 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
0 comments