BTS Joulukalenteri – Kysymysp\u00e4iv\u00e4<\/title>\n <style>\n \/* Yleiset tyylit *\/\n body {\n font-family: 'Arial', sans-serif;\n background-color: #e0e0f0;\n text-align: center;\n padding: 20px;\n }\n\n h1 {\n color: #7b24e6;\n margin-bottom: 30px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n .calendar-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 15px;\n max-width: 700px;\n margin: 0 auto;\n }\n\n \/* Luukun perusulkoasu *\/\n .door {\n background-color: #9c89cc;\n border: 3px solid #7b24e6;\n aspect-ratio: 1 \/ 1; \n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2em;\n font-weight: bold;\n color: white;\n position: relative;\n transition: transform 0.3s ease, background-color 0.3s ease;\n box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);\n cursor: pointer;\n }\n\n .door:not(.locked):hover {\n transform: scale(1.05);\n background-color: #7b24e6;\n }\n\n .door.locked {\n cursor: default;\n opacity: 0.7;\n background-color: #c4c4c4;\n }\n\n \/* --- Modaali-ikkunan tyylit --- *\/\n \n .modal {\n display: none; \/* Piilotettu oletuksena *\/\n position: fixed;\n z-index: 100; \/* Pysyy kaiken p\u00e4\u00e4ll\u00e4 *\/\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.7); \/* Musta, l\u00e4pin\u00e4kyv\u00e4 tausta *\/\n padding-top: 60px;\n }\n\n .modal-content {\n background-color: #fefefe;\n margin: 5% auto; \/* 5% ylh\u00e4\u00e4lt\u00e4, keskitetty vaakasuunnassa *\/\n padding: 20px;\n border: 1px solid #888;\n width: 80%; \/* Leveys 80% *\/\n max-width: 500px; \/* Maksimileveys *\/\n border-radius: 10px;\n box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);\n animation-name: animatetop;\n animation-duration: 0.4s;\n text-align: left;\n }\n\n @keyframes animatetop {\n from {top: -300px; opacity: 0} \n to {top: 0; opacity: 1}\n }\n\n .close-btn {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n }\n\n .close-btn:hover,\n .close-btn:focus {\n color: #000;\n text-decoration: none;\n cursor: pointer;\n }\n\n #modal-question {\n font-size: 1.2em;\n font-weight: bold;\n color: #7b24e6;\n margin-bottom: 15px;\n border-bottom: 2px solid #ccc;\n padding-bottom: 10px;\n }\n\n #modal-answer {\n font-size: 1.1em;\n color: #333;\n margin-top: 10px;\n }\n\n .answer-locked {\n color: #c0392b !important;\n font-weight: bold;\n }\n\n <\/style>\n<\/head>\n<body>\n\n <h1>I ARMY YOU \ud83d\udc9c – BTS Joulukalenteri 2025<\/h1>\n \n <div class=\"calendar-grid\">\n <div class=\"door\" data-day=\"1\" data-q=\"Mik\u00e4 on BTS:n debyyttikappale, joka julkaistiin vuonna 2013?\" data-a=\"No More Dream\">\n <span class=\"door-number\">1<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"2\" data-q=\"Mik\u00e4 on RM:n (Kim Namjoon) syntym\u00e4p\u00e4iv\u00e4?\" data-a=\"12. syyskuuta\">\n <span class=\"door-number\">2<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"3\" data-q=\"Mik\u00e4 BTS-j\u00e4sen tunnetaan lempinimell\u00e4 'Worldwide Handsome'?\" data-a=\"Jin\">\n <span class=\"door-number\">3<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"4\" data-q=\"Mik\u00e4 on Jung Kookin virallinen positio ryhm\u00e4ss\u00e4 laulajan lis\u00e4ksi?\" data-a=\"Maknae (Ryhm\u00e4n nuorin j\u00e4sen)\">\n <span class=\"door-number\">4<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"5\" data-q=\"Mik\u00e4 albumi sis\u00e4lsi hitin 'DNA' ja aloitti 'Love Yourself' -aikakauden?\" data-a=\"Love Yourself: Her\">\n <span class=\"door-number\">5<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"6\" data-q=\"Mainitse yksi BTS:n j\u00e4senist\u00e4, joka on kotoisin Daegusta.\" data-a=\"Suga tai V (molemmat k\u00e4yv\u00e4t)\">\n <span class=\"door-number\">6<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"7\" data-q=\"Mist\u00e4 faninimest\u00e4 BTS:n fanit tunnetaan?\" data-a=\"A.R.M.Y (Adorable Representative M.C. for Youth)\">\n <span class=\"door-number\">7<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"8\" data-q=\"Mik\u00e4 oli BTS:n ensimm\u00e4inen englanninkielinen single?\" data-a=\"Dynamite\">\n <span class=\"door-number\">8<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"9\" data-q=\"Mik\u00e4 on J-Hopen (Jung Hoseok) lempinimi, joka liittyy h\u00e4nen positiivisuuteensa?\" data-a=\"Hobi tai Sunshine\">\n <span class=\"door-number\">9<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"10\" data-q=\"Mik\u00e4 on V:n virallinen nimi?\" data-a=\"Kim Taehyung\">\n <span class=\"door-number\">10<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"11\" data-q=\"Kuka j\u00e4senist\u00e4 k\u00e4ytt\u00e4\u00e4 usein tuottajanime\u00e4 'Agust D'?\" data-a=\"Suga\">\n <span class=\"door-number\">11<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"12\" data-q=\"Mik\u00e4 on se koreankielinen sana, joka usein yhdistet\u00e4\u00e4n BTS:n mottoon 'I purple you' (\ubcf4\ub77c\ud574, Borahae)?\" data-a=\"Violetti (bora)\">\n <span class=\"door-number\">12<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"13\" data-q=\"Mainitse yksi kappale, jossa Jiminill\u00e4 on merkitt\u00e4v\u00e4 soololaulu\/tanssi.\" data-a=\"Esimerkiksi 'Filter' tai 'Serendipity'\">\n <span class=\"door-number\">13<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"14\" data-q=\"Mik\u00e4 on BTS:n levy-yhti\u00f6 (se, joka tunnetaan nyky\u00e4\u00e4n nimell\u00e4 HYBE Corporation)?\" data-a=\"Big Hit Entertainment\">\n <span class=\"door-number\">14<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"15\" data-q=\"Mik\u00e4 on BTS:n j\u00e4senist\u00e4 viimeinen (nuorin) syntynyt j\u00e4sen?\" data-a=\"Jung Kook (syntynyt 1997)\">\n <span class=\"door-number\">15<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"16\" data-q=\"Mik\u00e4 kappale on tunnettu 'Black Swan' -teemasta ja -koreografiasta?\" data-a=\"Black Swan\">\n <span class=\"door-number\">16<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"17\" data-q=\"Mik\u00e4 on Jin'in (Kim Seokjin) syntym\u00e4vuosi?\" data-a=\"1992\">\n <span class=\"door-number\">17<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"18\" data-q=\"Mink\u00e4 maan lipun BTS esiintyi ensimm\u00e4isen kerran UN (YK) -rakennuksessa?\" data-a=\"Etel\u00e4-Korean lippu\">\n <span class=\"door-number\">18<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"19\" data-q=\"Mik\u00e4 kappale on Jung Kookin ensimm\u00e4inen virallinen soolosingle, joka julkaistiin vuonna 2023?\" data-a=\"Seven\">\n <span class=\"door-number\">19<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"20\" data-q=\"Mik\u00e4 on se ikoninen k\u00e4simerkki, jolla A.R.M.Y tunnistaa toisensa?\" data-a=\"Kaksi peukaloa yl\u00f6sp\u00e4in (peukalo ja etusormi ristiss\u00e4, symboloimaan lovea)\">\n <span class=\"door-number\">20<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"21\" data-q=\"Mik\u00e4 on se kuuluisa BTS-dokumenttisarja, joka seuraa heid\u00e4n kiertue-el\u00e4m\u00e4\u00e4ns\u00e4?\" data-a=\"Burn the Stage (tai Break the Silence)\">\n <span class=\"door-number\">21<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"22\" data-q=\"Mik\u00e4 BTS:n albumi sis\u00e4lt\u00e4\u00e4 tunnetut kappaleet 'Fake Love' ja 'Anpanman'?\" data-a=\"Love Yourself: Tear\">\n <span class=\"door-number\">22<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"23\" data-q=\"Mik\u00e4 on se ryhm\u00e4n j\u00e4sen, jota kutsutaan usein 'Dance Leaderiksi'?\" data-a=\"J-Hope\">\n <span class=\"door-number\">23<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"24\" data-q=\"Mainitse BTS:n ryhm\u00e4n koko nimi englanniksi.\" data-a=\"Bangtan Sonyeondan tai Beyond The Scene\">\n <span class=\"door-number\">24<\/span>\n <\/div>\n\n <\/div>\n\n <div id=\"doorModal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2 id=\"modal-title\">Luukku X<\/h2>\n <p id=\"modal-question\"><\/p>\n <p id=\"modal-answer\"><\/p>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const doors = document.querySelectorAll('.door');\n const modal = document.getElementById('doorModal');\n const span = document.getElementsByClassName('close-btn')[0];\n const modalTitle = document.getElementById('modal-title');\n const modalQuestion = document.getElementById('modal-question');\n const modalAnswer = document.getElementById('modal-answer');\n\n \/\/ Aikam\u00e4\u00e4ritykset\n const NOW = new Date();\n const CURRENT_YEAR = NOW.getFullYear();\n const QUESTION_HOUR = 7; \/\/ Kysymys klo 7:00\n const ANSWER_HOUR = 15; \/\/ Vastaus klo 15:00\n\n \/\/ Sulje modaali kun ruksia (X) klikataan\n span.onclick = function() {\n modal.style.display = \"none\";\n }\n\n \/\/ Sulje modaali kun klikataan ulkopuolelle\n window.onclick = function(event) {\n if (event.target == modal) {\n modal.style.display = \"none\";\n }\n }\n\n doors.forEach(door => {\n const doorNumber = parseInt(door.dataset.day);\n const question = door.dataset.q;\n const answer = door.dataset.a;\n \n \/\/ Tavoiteajat kyseiselle p\u00e4iv\u00e4lle\n const openQuestionDate = new Date(CURRENT_YEAR, 11, doorNumber, QUESTION_HOUR, 0, 0); \n const openAnswerDate = new Date(CURRENT_YEAR, 11, doorNumber, ANSWER_HOUR, 0, 0);\n\n \/\/ --- Tarkistuslogiikka ---\n\n if (doorNumber <= 9 || NOW >= openQuestionDate) {\n \/\/ Luukku on auki (1.-9.12. tai 10.-24.12. ja kello on yli 14:00)\n \n door.addEventListener('click', function() {\n modalTitle.textContent = 'Luukku ' + doorNumber;\n modalQuestion.textContent = question;\n\n \/\/ Tarkista, onko vastausaika tullut\n if (NOW >= openAnswerDate || doorNumber <= 9) {\n \/\/ Vastaus n\u00e4kyy\n modalAnswer.innerHTML = 'Vastaus: **' + answer + '**';\n modalAnswer.classList.remove('answer-locked');\n } else {\n \/\/ Vastaus on viel\u00e4 piilossa\n modalAnswer.innerHTML = 'Vastaus: **Vastaus avautuu vasta klo ' + ANSWER_HOUR + ':00!**';\n modalAnswer.classList.add('answer-locked');\n }\n\n modal.style.display = \"block\"; \/\/ N\u00e4yt\u00e4 modaali\n });\n } else {\n \/\/ Luukku on viel\u00e4 lukittu\n door.classList.add('locked');\n door.title = 'Avautuu ' + doorNumber + '.12. klo ' + QUESTION_HOUR + ':00';\n \n door.addEventListener('click', function() {\n alert('Luukku ' + doorNumber + ' on lukittu. Se avautuu ' + doorNumber + '. joulukuuta klo ' + QUESTION_HOUR + ':00 (laitteesi ajan mukaan).');\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BTS Joulukalenteri – Kysymysp\u00e4iv\u00e4 I ARMY YOU \ud83d\udc9c – BTS Joulukalenteri 2025 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 × Luukku X<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":7,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n BTS Joulukalenteri – Kysymysp\u00e4iv\u00e4<\/title>\n <style>\n \/* Yleiset tyylit *\/\n body {\n font-family: 'Arial', sans-serif;\n background-color: #e0e0f0;\n text-align: center;\n padding: 20px;\n }\n\n h1 {\n color: #7b24e6;\n margin-bottom: 30px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n .calendar-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 15px;\n max-width: 700px;\n margin: 0 auto;\n }\n\n \/* Luukun perusulkoasu *\/\n .door {\n background-color: #9c89cc;\n border: 3px solid #7b24e6;\n aspect-ratio: 1 \/ 1; \n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2em;\n font-weight: bold;\n color: white;\n position: relative;\n transition: transform 0.3s ease, background-color 0.3s ease;\n box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);\n cursor: pointer;\n }\n\n .door:not(.locked):hover {\n transform: scale(1.05);\n background-color: #7b24e6;\n }\n\n .door.locked {\n cursor: default;\n opacity: 0.7;\n background-color: #c4c4c4;\n }\n\n \/* --- Modaali-ikkunan tyylit --- *\/\n \n .modal {\n display: none; \/* Piilotettu oletuksena *\/\n position: fixed;\n z-index: 100; \/* Pysyy kaiken p\u00e4\u00e4ll\u00e4 *\/\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.7); \/* Musta, l\u00e4pin\u00e4kyv\u00e4 tausta *\/\n padding-top: 60px;\n }\n\n .modal-content {\n background-color: #fefefe;\n margin: 5% auto; \/* 5% ylh\u00e4\u00e4lt\u00e4, keskitetty vaakasuunnassa *\/\n padding: 20px;\n border: 1px solid #888;\n width: 80%; \/* Leveys 80% *\/\n max-width: 500px; \/* Maksimileveys *\/\n border-radius: 10px;\n box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);\n animation-name: animatetop;\n animation-duration: 0.4s;\n text-align: left;\n }\n\n @keyframes animatetop {\n from {top: -300px; opacity: 0} \n to {top: 0; opacity: 1}\n }\n\n .close-btn {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n }\n\n .close-btn:hover,\n .close-btn:focus {\n color: #000;\n text-decoration: none;\n cursor: pointer;\n }\n\n #modal-question {\n font-size: 1.2em;\n font-weight: bold;\n color: #7b24e6;\n margin-bottom: 15px;\n border-bottom: 2px solid #ccc;\n padding-bottom: 10px;\n }\n\n #modal-answer {\n font-size: 1.1em;\n color: #333;\n margin-top: 10px;\n }\n\n .answer-locked {\n color: #c0392b !important;\n font-weight: bold;\n }\n\n <\/style>\n<\/head>\n<body>\n\n <h1>I ARMY YOU \ud83d\udc9c – BTS Joulukalenteri 2025<\/h1>\n \n <div class=\"calendar-grid\">\n <div class=\"door\" data-day=\"1\" data-q=\"Mik\u00e4 on BTS:n debyyttikappale, joka julkaistiin vuonna 2013?\" data-a=\"No More Dream\">\n <span class=\"door-number\">1<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"2\" data-q=\"Mik\u00e4 on RM:n (Kim Namjoon) syntym\u00e4p\u00e4iv\u00e4?\" data-a=\"12. syyskuuta\">\n <span class=\"door-number\">2<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"3\" data-q=\"Mik\u00e4 BTS-j\u00e4sen tunnetaan lempinimell\u00e4 'Worldwide Handsome'?\" data-a=\"Jin\">\n <span class=\"door-number\">3<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"4\" data-q=\"Mik\u00e4 on Jung Kookin virallinen positio ryhm\u00e4ss\u00e4 laulajan lis\u00e4ksi?\" data-a=\"Maknae (Ryhm\u00e4n nuorin j\u00e4sen)\">\n <span class=\"door-number\">4<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"5\" data-q=\"Mik\u00e4 albumi sis\u00e4lsi hitin 'DNA' ja aloitti 'Love Yourself' -aikakauden?\" data-a=\"Love Yourself: Her\">\n <span class=\"door-number\">5<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"6\" data-q=\"Mainitse yksi BTS:n j\u00e4senist\u00e4, joka on kotoisin Daegusta.\" data-a=\"Suga tai V (molemmat k\u00e4yv\u00e4t)\">\n <span class=\"door-number\">6<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"7\" data-q=\"Mist\u00e4 faninimest\u00e4 BTS:n fanit tunnetaan?\" data-a=\"A.R.M.Y (Adorable Representative M.C. for Youth)\">\n <span class=\"door-number\">7<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"8\" data-q=\"Mik\u00e4 oli BTS:n ensimm\u00e4inen englanninkielinen single?\" data-a=\"Dynamite\">\n <span class=\"door-number\">8<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"9\" data-q=\"Mik\u00e4 on J-Hopen (Jung Hoseok) lempinimi, joka liittyy h\u00e4nen positiivisuuteensa?\" data-a=\"Hobi tai Sunshine\">\n <span class=\"door-number\">9<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"10\" data-q=\"Mik\u00e4 on V:n virallinen nimi?\" data-a=\"Kim Taehyung\">\n <span class=\"door-number\">10<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"11\" data-q=\"Kuka j\u00e4senist\u00e4 k\u00e4ytt\u00e4\u00e4 usein tuottajanime\u00e4 'Agust D'?\" data-a=\"Suga\">\n <span class=\"door-number\">11<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"12\" data-q=\"Mik\u00e4 on se koreankielinen sana, joka usein yhdistet\u00e4\u00e4n BTS:n mottoon 'I purple you' (\ubcf4\ub77c\ud574, Borahae)?\" data-a=\"Violetti (bora)\">\n <span class=\"door-number\">12<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"13\" data-q=\"Mainitse yksi kappale, jossa Jiminill\u00e4 on merkitt\u00e4v\u00e4 soololaulu\/tanssi.\" data-a=\"Esimerkiksi 'Filter' tai 'Serendipity'\">\n <span class=\"door-number\">13<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"14\" data-q=\"Mik\u00e4 on BTS:n levy-yhti\u00f6 (se, joka tunnetaan nyky\u00e4\u00e4n nimell\u00e4 HYBE Corporation)?\" data-a=\"Big Hit Entertainment\">\n <span class=\"door-number\">14<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"15\" data-q=\"Mik\u00e4 on BTS:n j\u00e4senist\u00e4 viimeinen (nuorin) syntynyt j\u00e4sen?\" data-a=\"Jung Kook (syntynyt 1997)\">\n <span class=\"door-number\">15<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"16\" data-q=\"Mik\u00e4 kappale on tunnettu 'Black Swan' -teemasta ja -koreografiasta?\" data-a=\"Black Swan\">\n <span class=\"door-number\">16<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"17\" data-q=\"Mik\u00e4 on Jin'in (Kim Seokjin) syntym\u00e4vuosi?\" data-a=\"1992\">\n <span class=\"door-number\">17<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"18\" data-q=\"Mink\u00e4 maan lipun BTS esiintyi ensimm\u00e4isen kerran UN (YK) -rakennuksessa?\" data-a=\"Etel\u00e4-Korean lippu\">\n <span class=\"door-number\">18<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"19\" data-q=\"Mik\u00e4 kappale on Jung Kookin ensimm\u00e4inen virallinen soolosingle, joka julkaistiin vuonna 2023?\" data-a=\"Seven\">\n <span class=\"door-number\">19<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"20\" data-q=\"Mik\u00e4 on se ikoninen k\u00e4simerkki, jolla A.R.M.Y tunnistaa toisensa?\" data-a=\"Kaksi peukaloa yl\u00f6sp\u00e4in (peukalo ja etusormi ristiss\u00e4, symboloimaan lovea)\">\n <span class=\"door-number\">20<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"21\" data-q=\"Mik\u00e4 on se kuuluisa BTS-dokumenttisarja, joka seuraa heid\u00e4n kiertue-el\u00e4m\u00e4\u00e4ns\u00e4?\" data-a=\"Burn the Stage (tai Break the Silence)\">\n <span class=\"door-number\">21<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"22\" data-q=\"Mik\u00e4 BTS:n albumi sis\u00e4lt\u00e4\u00e4 tunnetut kappaleet 'Fake Love' ja 'Anpanman'?\" data-a=\"Love Yourself: Tear\">\n <span class=\"door-number\">22<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"23\" data-q=\"Mik\u00e4 on se ryhm\u00e4n j\u00e4sen, jota kutsutaan usein 'Dance Leaderiksi'?\" data-a=\"J-Hope\">\n <span class=\"door-number\">23<\/span>\n <\/div>\n\n <div class=\"door\" data-day=\"24\" data-q=\"Mainitse BTS:n ryhm\u00e4n koko nimi englanniksi.\" data-a=\"Bangtan Sonyeondan tai Beyond The Scene\">\n <span class=\"door-number\">24<\/span>\n <\/div>\n\n <\/div>\n\n <div id=\"doorModal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2 id=\"modal-title\">Luukku X<\/h2>\n <p id=\"modal-question\"><\/p>\n <p id=\"modal-answer\"><\/p>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const doors = document.querySelectorAll('.door');\n const modal = document.getElementById('doorModal');\n const span = document.getElementsByClassName('close-btn')[0];\n const modalTitle = document.getElementById('modal-title');\n const modalQuestion = document.getElementById('modal-question');\n const modalAnswer = document.getElementById('modal-answer');\n\n \/\/ Aikam\u00e4\u00e4ritykset\n const NOW = new Date();\n const CURRENT_YEAR = NOW.getFullYear();\n const QUESTION_HOUR = 7; \/\/ Kysymys klo 7:00\n const ANSWER_HOUR = 15; \/\/ Vastaus klo 15:00\n\n \/\/ Sulje modaali kun ruksia (X) klikataan\n span.onclick = function() {\n modal.style.display = \"none\";\n }\n\n \/\/ Sulje modaali kun klikataan ulkopuolelle\n window.onclick = function(event) {\n if (event.target == modal) {\n modal.style.display = \"none\";\n }\n }\n\n doors.forEach(door => {\n const doorNumber = parseInt(door.dataset.day);\n const question = door.dataset.q;\n const answer = door.dataset.a;\n \n \/\/ Tavoiteajat kyseiselle p\u00e4iv\u00e4lle\n const openQuestionDate = new Date(CURRENT_YEAR, 11, doorNumber, QUESTION_HOUR, 0, 0); \n const openAnswerDate = new Date(CURRENT_YEAR, 11, doorNumber, ANSWER_HOUR, 0, 0);\n\n \/\/ --- Tarkistuslogiikka ---\n\n if (doorNumber <= 9 || NOW >= openQuestionDate) {\n \/\/ Luukku on auki (1.-9.12. tai 10.-24.12. ja kello on yli 14:00)\n \n door.addEventListener('click', function() {\n modalTitle.textContent = 'Luukku ' + doorNumber;\n modalQuestion.textContent = question;\n\n \/\/ Tarkista, onko vastausaika tullut\n if (NOW >= openAnswerDate || doorNumber <= 9) {\n \/\/ Vastaus n\u00e4kyy\n modalAnswer.innerHTML = 'Vastaus: **' + answer + '**';\n modalAnswer.classList.remove('answer-locked');\n } else {\n \/\/ Vastaus on viel\u00e4 piilossa\n modalAnswer.innerHTML = 'Vastaus: **Vastaus avautuu vasta klo ' + ANSWER_HOUR + ':00!**';\n modalAnswer.classList.add('answer-locked');\n }\n\n modal.style.display = \"block\"; \/\/ N\u00e4yt\u00e4 modaali\n });\n } else {\n \/\/ Luukku on viel\u00e4 lukittu\n door.classList.add('locked');\n door.title = 'Avautuu ' + doorNumber + '.12. klo ' + QUESTION_HOUR + ':00';\n \n door.addEventListener('click', function() {\n alert('Luukku ' + doorNumber + ' on lukittu. Se avautuu ' + doorNumber + '. joulukuuta klo ' + QUESTION_HOUR + ':00 (laitteesi ajan mukaan).');\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BTS Joulukalenteri – Kysymysp\u00e4iv\u00e4 I ARMY YOU \ud83d\udc9c – BTS Joulukalenteri 2025 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 × Luukku X<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":7,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}