.banner { overflow: hidden; white-space: nowrap; background-color: transparent; padding: 10px 0; } .banner-text { display: inline-block; padding-left: 100%; animation: scroll 15s linear infinite; color: #02C7FF; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } async function fetchHeadlines() { try { const response = await fetch("https://yourwordpresssite.com/wp-json/custom-api/get-headlines"); const result = await response.json(); if (result.success) { return result.headlines; } else { throw new Error("Error fetching headlines"); } } catch (error) { console.error("Помилка отримання заголовків:", error); return []; } } async function updateBanner() { const headlines = await fetchHeadlines(); if (headlines.length === 0) { document.querySelector(".banner-text").textContent = "Не вдалося завантажити новини."; return; } const combinedText = headlines.join(" | "); document.querySelector(".banner-text").textContent = combinedText; } updateBanner(); setInterval(updateBanner, 60000);