🧐 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 using setInterval() 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
Complete and Continue  
Discussion

0 comments