CryptoPulse – Latest Cryptocurrency News
Latest Cryptocurrency News
Loading cryptocurrency news…
`;
}
} catch (error) {
console.error("Error fetching crypto news:", error);
newsContainer.innerHTML = `
Failed to load cryptocurrency news
Please check your connection and try again
`;
}
}
// Display news articles
function displayNews(articles) {
newsContainer.innerHTML = '';
articles.forEach(article => {
// Format date
const pubDate = new Date(article.pubDate).toLocaleDateString('en-US', {
year: 'numeric',
month: 'short',
day: 'numeric'
});
// Create news card
const newsCard = document.createElement('article');
newsCard.className = 'news-card';
newsCard.innerHTML = `
${article.source_id || 'Crypto Source'}
${pubDate}
${article.title}
${article.description || 'Read more about this cryptocurrency news...'}
Read Full Article
`;
newsContainer.appendChild(newsCard);
});
}
// Event listeners
refreshBtn.addEventListener('click', () => {
fetchCryptoNews();
});
searchBtn.addEventListener('click', () => {
const query = searchInput.value.trim() || 'crypto';
fetchCryptoNews(query);
});
searchInput.addEventListener('keypress', (e) => {
if (e.key === 'Enter') {
const query = searchInput.value.trim() || 'crypto';
fetchCryptoNews(query);
}
});
// Initial load
document.addEventListener('DOMContentLoaded', () => {
fetchCryptoNews();
});
Like this:
Like Loading...
