`;
}
async function fetchAndDisplayData(url) {
showLoading();
try {
const response = await fetch(url);
const data = await response.json();
if (Array.isArray(data) && data.length >= 3) {
// Ordenar por fecha
const sortedData = data.sort((a, b) => new Date(b.date) - new Date(a.date));
const primerosTres = sortedData.slice(0, 3);
// Crear un array de HTML
const htmlArray = await Promise.all(primerosTres.map(createHTML));
// Unir el array en una cadena de HTML
const html = htmlArray.join('');
// Agregar el HTML al final del contenedor
document.getElementsByClassName('lacnic-grid-columns')[0].innerHTML += html;
} else {
console.error('No se obtuvieron datos válidos o no hay suficientes elementos.');
}
} catch (error) {
console.error('Error al obtener los datos:', error);
} finally {
// Ocultar el spinner después de cargar los datos o en caso de error
hideLoading();
// Agregar el elemento en el mismo lugar
const accessNews = document.querySelector('.access_news');
accessNews.innerHTML = 'Posts [+] ';
}
}
const url = 'https://blog.lacnic.net/wp-json/wp/v2/posts?archivo=1451&lang=en&per_page=3';
fetchAndDisplayData(url);
