document.addEventListener('DOMContentLoaded', function() { const rssFeedUrl = 'https://theinfotainmentrw.blogspot.com/feeds/posts/default?alt=rss'; function parseRSS(xml) { const parser = new DOMParser(); const doc = parser.parseFromString(xml, 'application/xml'); const items = doc.querySelectorAll('item'); return Array.from(items).map(item => ({ title: item.querySelector('title').textContent, link: item.querySelector('link').textContent, description: item.querySelector('description').textContent })); } function displayPosts(posts) { const postsContainer = document.getElementById('postsContainer'); postsContainer.innerHTML = ''; // Clear existing content if (posts.length === 0) { postsContainer.innerHTML = '

No posts available.

'; } else { posts.forEach(post => { const postElement = document.createElement('div'); postElement.className = 'post'; postElement.innerHTML = `

${post.title}

${post.description}

`; postsContainer.appendChild(postElement); }); } } function fetchPosts() { fetch(rssFeedUrl) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(data => { const posts = parseRSS(data); displayPosts(posts); }) .catch(error => { console.error('Error fetching posts:', error); const postsContainer = document.getElementById('postsContainer'); postsContainer.innerHTML = '

Error fetching posts. Please try again later.

'; }); } fetchPosts(); });