// Prayer Times Widget JavaScript const PrayerTimesWidget = { // Initialize the widget init: function(containerId, city = "Casablanca") { this.container = document.getElementById(containerId); this.city = city; this.render(); }, // Get today's prayer times getTodayPrayers: function() { // This is sample data - replace with your actual API call or data source return { fajr: "6:06 AM", sunrise: "7:43 AM", dhuhr: "1:19 PM", asr: "4:20 PM", maghrib: "6:47 PM", isha: "8:06 PM" }; }, // Create the widget HTML render: function() { const prayers = this.getTodayPrayers(); const html = ` `; this.container.innerHTML = html; } }; // Usage example: // 1. Add a container div in your HTML: // // 2. Initialize the widget: // document.addEventListener('DOMContentLoaded', function() { // PrayerTimesWidget.init('prayer-times', 'Casablanca'); // });