fetch("https://api-berita-indonesia.vercel.app/antara/lifestyle/")
.then(response => response.json())
.then(data => {
console.log("Data diterima:", data); // Cek struktur data yang diterima
if (data && data.data && data.data.length > 0) {
const randomIndex = Math.floor(Math.random() * data.data.length);
const article = data.data[randomIndex];
const jsonContent = document.getElementById('json-content');
const jsonCard = document.createElement('div');
jsonCard.classList.add('json-card');
const thumbnail = document.createElement('img');
thumbnail.src = article.thumbnail || 'https://via.placeholder.com/100'; // Fallback thumbnail
thumbnail.alt = article.judul;
thumbnail.classList.add('json-thumbnail');
const textContent = document.createElement('div');
const title = document.createElement('h5');
title.innerText = article.judul;
const description = document.createElement('p');
description.innerText = article.deskripsi.substring(0, 100) + "...";
textContent.appendChild(title);
textContent.appendChild(description);
jsonCard.appendChild(thumbnail);
jsonCard.appendChild(textContent);
jsonContent.appendChild(jsonCard);
} else {
const jsonContent = document.getElementById('json-content');
jsonContent.innerHTML = '
Data berita tidak tersedia.
';
}
})
.catch(error => {
console.error('Error fetching data: ', error);
const jsonContent = document.getElementById('json-content');
jsonContent.innerHTML = '
Terjadi kesalahan saat memuat data.
';
});