Files
musicCalendar/script.js
2025-12-22 19:03:54 +01:00

64 lines
3.2 KiB
JavaScript

// --- 1. MOJE "DATABÁZE" (Seznam alb) ---
// Tady si ručně dopíšeš alba a dny.
// Formát data musí být: "RRRR-MM-DD" (Rok-Měsíc-Den)
const kalendarAlb = [
{
datum: "2025-12-22", // Dnešní datum (příklad)
umelec: "🎤 Alice in Chains ",
nazev: "💿 Live ",
img: "https://resources.tidal.com/images/1cabaac7/b976/48ba/8fb3/0ce6808d48eb/1280x1280.jpg",
vydano: "5. 12. 2000",
recenze: "Proč dnes: Syrový živák, poslední oficiální nahrávka s Layne Staleym před jeho smrtí. Vydáno v prosinci, nese v sobě tu správnou grunge melancholii.",
tidal: "https://tidal.com/album/77610756",
spotify: "https://open.spotify.com/album/6okv1avxEgYSdc2JYy6ZEi"
},
{
datum: "2016-12-23", // Štědrý den
umelec: "Nine Inch Nails",
nazev: "💿 Not the Actual Events (EP)",
img: "https://resources.tidal.com/images/ee154499/d2ad/4d30/91a3/c87e83e71b12/1280x1280.jpg",
vydano: "",
recenze: "Trefa: Jedna z mála nahrávek, která vyšla přesně v tento den. Trent Reznor (který inspiroval celý nu-metal) vydal toto EP den před Štědrým dnem. Těžké, industriální, nekompromisní.",
tidal: "https://tidal.com/album/68529661",
spotify: "https://open.spotify.com/album/2fThnKRzs6iudIAzHP9VOa",
}
];
// --- 2. ZJIŠTĚNÍ DNEŠNÍHO DATA ---
// Získáme dnešní datum ve formátu RRRR-MM-DD
const dnes = new Date().toISOString().split('T')[0];
// Pro testování si můžeš odkomentovat řádek níže a změnit datum ručně:
// const dnes = "2025-12-24";
console.log("Dnes je:", dnes); // Vypíše do konzole prohlížeče (F12)
// --- 3. HLEDÁNÍ V SEZNAMU ---
// Funkce .find() projde pole 'kalendarAlb' a hledá shodu data
const dnesniAlbum = kalendarAlb.find(album => album.datum === dnes);
// --- 4. ZOBRAZENÍ NA STRÁNCE ---
const vystup = document.getElementById('zobrazeni-alba');
if (dnesniAlbum) {
// Pokud jsme našli album pro dnešek:
vystup.innerHTML = `
<div class="album-card">
<div class="datum">${dnesniAlbum.datum}</div>
<img src="${dnesniAlbum.img}" alt="Obal alba">
<h2>${dnesniAlbum.umelec} - ${dnesniAlbum.nazev}</h2>
<p><strong>Vyšlo</strong> ${dnesniAlbum.vydano}</p>
<p>${dnesniAlbum.recenze}</p>
<a href="${dnesniAlbum.tidal}" target="_blank" class="btn tidal">Tidal</a> - <a href="${dnesniAlbum.spotify}" target="_blank" class="btn spotify">Spotify</a>
</div>
`;
} else {
// Pokud pro dnešek nic naplánováno není:
vystup.innerHTML = `
<div class="album-card">
<h3>Dnes není v plánu žádné album 🎵</h3>
<p>Zkus se podívat zítra!</p>
</div>
`;
}