SAVED POSTS

html

<div class="saved-posts-container">
    <p>Loading your saved posts...</p>
</div>

<script>
    const container = document.querySelector('.saved-posts-container');
    let savedPosts = JSON.parse(localStorage.getItem('savedPosts')) || [];
    
    if (savedPosts.length === 0) {
        container.innerHTML = '<p>You haven\'t saved any posts yet.</p>';
    } else {
        let html = '<ul>';
        savedPosts.forEach(post => {
            html += '<li><a href="' + post.url + '">' + post.title + '</a></li>';
        });
        html += '</ul>';
        container.innerHTML = html;
    }
</script>