Untitled Post
const apiKey = 'da48f3748ab35ac20190b94f36f475b7'; const sehariPrayerTimesList = document.getElementById('sehari-prayer-times'); const iftarPrayerTimesList = document.getElementById('iftar-prayer-times'); const divisionSelect = document.getElementById('division-select'); const currentDateElement = document.getElementById('current-date');
function getPrayerTimes(division) { fetch(`http://api.aladhan.com/v1/timingsByCity?city=${division}&country=Bangladesh&method=2&school=1×tamp=0&apikey=${apiKey}`) .then(response => response.json()) .then(data => { const date = new Date(data.data.date.readable); const sehariTimes = data.data.timings; const iftarTimes = data.data.timings; delete sehariTimes.Sunset; delete iftarTimes.Sunrise;
sehariPrayerTimesList.innerHTML = ''; iftarPrayerTimesList.innerHTML = '';
for (let prayer in sehariTimes) { if (prayer === 'Sunrise' || prayer === 'Sunset') { continue; } const prayerTime = document.createElement('li'); prayerTime.innerText = `${prayer}: ${sehariTimes[prayer]}`; sehariPrayerTimesList.appendChild(prayerTime); }
for (let prayer in iftarTimes) { if (prayer === 'Sunrise' || prayer === 'Sunset') { continue; } const prayerTime = document.createElement('li'); prayerTime.innerText = `${prayer}: ${iftarTimes[prayer]}`; iftarPrayerTimesList.appendChild(prayerTime); }
currentDateElement.innerText = date.toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }); }) .catch(error => console.error(error)); }
function populateDivisionSelect() { const divisions = ['Dhaka', 'Chittagong', 'Rajshahi', 'Khulna', 'Barisal', 'Sylhet', 'Rangpur', 'Mymensingh']; const divisionOptions = divisions.map(division => ``).join(''); divisionSelect.innerHTML = divisionOptions; }
function init() { populateDivisionSelect(); getPrayerTimes('Dhaka'); // Initialize with Dhaka division }
divisionSelect.addEventListener('change', () => { const selectedDivision = divisionSelect.value; getPrayerTimes(selectedDivision); });
init();