Mik\u00e4 K-pop Demon Hunters -hahmo olet?<\/title>\n <style>\n \/* CSS-tyylit *\/\n body {\n font-family: Arial, sans-serif;\n background-color: #1a1a1a;\n color: #e0e0e0;\n line-height: 1.6;\n margin: 20px auto;\n max-width: 800px;\n border-radius: 10px;\n box-shadow: 0 0 15px rgba(255, 0, 100, 0.5);\n padding: 20px;\n }\n h1 { color: #ff3399; text-align: center; border-bottom: 2px solid #ff3399; padding-bottom: 10px; }\n h2 { color: #4ddbff; margin-top: 30px; }\n .question { background-color: #2a2a2a; padding: 15px; margin-bottom: 20px; border-radius: 8px; border-left: 5px solid #ff3399; }\n .option label { display: block; margin: 10px 0; padding: 10px; background-color: #3a3a3a; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; }\n .option label:hover { background-color: #5a5a5a; }\n input[type=\"radio\"] { margin-right: 10px; }\n \/* Painikkeen tyyli *\/\n #submit-button {\n display: block;\n width: 100%;\n padding: 15px;\n background-color: #ff3399;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1.2em;\n cursor: pointer;\n transition: background-color 0.3s;\n margin-top: 20px;\n }\n #submit-button:hover { background-color: #cc0066; }\n \/* Tuloslaatikon tyyli *\/\n #result-box {\n margin-top: 40px;\n padding: 20px;\n background-color: #3a3a3a;\n border: 2px solid #4ddbff;\n border-radius: 10px;\n text-align: center;\n display: none; \n }\n #result-box h3 { color: #ff3399; font-size: 1.8em; }\n \/* Laskureiden (A, B, C, D) tyyli *\/\n #counts {\n display: flex;\n justify-content: space-around;\n margin: 20px 0;\n padding: 10px 0;\n border-top: 1px solid #4ddbff;\n border-bottom: 1px solid #4ddbff;\n }\n .count-item span { font-weight: bold; color: #ff3399; }\n #character-result { margin-top: 20px; padding-top: 15px; border-top: 1px dashed #e0e0e0; }\n #character-name { font-size: 1.4em; color: #4ddbff; }\n <\/style>\n<\/head>\n<body>\n\n <h1>\ud83d\udd25 Mik\u00e4 K-pop Demon Hunters -hahmo olet?<\/h1>\n <p>Valitse jokaisesta kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto ja paina ”Laske tulos!”.<\/p>\n\n <form>\n <div class=\"question\"><h2>1. Mik\u00e4 on suhtautumisesi koreografiaan harjoitusten aikana?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"A\"> A. T\u00e4ydellinen synkronointi. Toistan liikkeet, kunnes ne ovat virheett\u00f6mi\u00e4 \u2013 ei oikoteit\u00e4.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"B\"> B. Koreografian pit\u00e4\u00e4 olla tehokas taisteluasento. Lis\u00e4\u00e4n siihen puolustusliikkeit\u00e4.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"C\"> C. Annan tunteiden ohjata. Tanssi on tapa purkaa sis\u00e4inen myrsky.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"D\"> D. N\u00e4en koreografian strategiana. Jokainen askel on ansa tai harhautus.<\/label><\/div>\n <\/div>\n <div class=\"question\"><h2>2. Mik\u00e4 on tyypillisin asuvalintasi lavalle\/demoninmets\u00e4stykseen?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"A\"> A. Siisti, r\u00e4\u00e4t\u00e4l\u00f6ity puku tai nahkatakki. Haluat n\u00e4ytt\u00e4\u00e4 ammattilaiselta.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"B\"> B. K\u00e4yt\u00e4nn\u00f6lliset vaatteet, joissa on taskuja ja tilaa liikkua. Ehk\u00e4 hieman futuristinen panssari.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"C\"> C. L\u00f6ys\u00e4t, mukavat vaatteet tummissa v\u00e4reiss\u00e4. Jokin, joka saa sinut katoamaan varjoihin.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"D\"> D. Kirkkaat v\u00e4rit, hohtoa ja huomiota her\u00e4tt\u00e4vi\u00e4 yksityiskohtia. Demonien t\u00e4ytyy tiet\u00e4\u00e4, kuka heit\u00e4 mets\u00e4st\u00e4\u00e4.<\/label><\/div>\n <\/div>\n <div class=\"question\"><h2>3. Kuinka reagoit, kun ryhm\u00e4si on suuressa vaarassa?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"A\"> A. Otan v\u00e4litt\u00f6m\u00e4sti johdon ja jaan teht\u00e4v\u00e4t. Pysyn rauhallisena ja pid\u00e4n suunnitelmasta kiinni.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"B\"> B. Suojelen heikompia. K\u00e4yt\u00e4n kykyj\u00e4ni ryhm\u00e4n parantamiseen ja vahvistamiseen.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"C\"> C. Hy\u00f6kk\u00e4\u00e4n sokeasti ja intensiivisesti vihollista kohti. Tunteeni ovat aseeni.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"D\"> D. Analysoin tilanteen, etsin heikkouden ja isken strategisesti heikoimpaan kohtaan.<\/label><\/div>\n <\/div>\n <div class=\"question\"><h2>4. Mik\u00e4 on erikoisaseesi tai -taitosi demonien torjunnassa?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"A\"> A. Tarkasti kohdennettu erikoisase ja kyky johtaa joukkoja.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"B\"> B. Vanhat, sinet\u00f6idyt loitsut ja parantava \u00e4\u00e4ni. Olet ryhm\u00e4n tukipilari.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"C\"> C. Raaka voima tai hallitsematon elementti, jonka kanavoit esityksen kautta.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"D\"> D. Kyky manipuloida valoa tai \u00e4\u00e4nt\u00e4 luodaksesi illuusioita.<\/label><\/div>\n <\/div>\n <div class=\"question\"><h2>5. Mik\u00e4 on suurin henkil\u00f6kohtainen salaisuutesi K-pop-idolina?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"A\"> A. Pelk\u00e4\u00e4t valtavaa painetta ja vastuuta, vaikka olet karismaattinen johtaja.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"B\"> B. Olet oikeasti paljon vanhempi\/olet el\u00e4nyt monta el\u00e4m\u00e4\u00e4 ja olet v\u00e4synyt taisteluun.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"C\"> C. Sinulla itsell\u00e4si on pieni demoninen voima tai ”kirous”.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"D\"> D. Vihollistaho yritt\u00e4\u00e4 jatkuvasti v\u00e4rv\u00e4t\u00e4 sinut puolelleen.<\/label><\/div>\n <\/div>\n\n <button type=\"button\" id=\"submit-button\" onclick=\"calculateResults()\">Laske tulos!<\/button>\n <\/form>\n\n <div id=\"result-box\">\n <h3>\ud83c\udf89 Tulos:<\/h3>\n \n <div id=\"counts\">\n <div class=\"count-item\">A: <span id=\"count-A\">0<\/span><\/div>\n <div class=\"count-item\">B: <span id=\"count-B\">0<\/span><\/div>\n <div class=\"count-item\">C: <span id=\"count-C\">0<\/span><\/div>\n <div class=\"count-item\">D: <span id=\"count-D\">0<\/span><\/div>\n <\/div>\n \n <div id=\"character-result\">\n <p id=\"character-name\"><\/p>\n <p id=\"character-description\"><\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Funktio on m\u00e4\u00e4ritelty suoraan, jotta se voidaan kutsua painikkeesta (onclick)\n function calculateResults() {\n \n const questions = ['q1', 'q2', 'q3', 'q4', 'q5'];\n const counts = { 'A': 0, 'B': 0, 'C': 0, 'D': 0 };\n let allAnswered = true;\n\n \/\/ 1. Ker\u00e4\u00e4 vastaukset ja laske pisteet\n questions.forEach(qName => {\n \/\/ T\u00e4ss\u00e4 haetaan valittu vastaus koko dokumentista\n const selected = document.querySelector(`input[name=\"${qName}\"]:checked`);\n \n if (selected) {\n counts[selected.value]++; \n } else {\n allAnswered = false; \n }\n });\n\n if (!allAnswered) {\n alert(\"Vastaa kaikkiin kysymyksiin n\u00e4hd\u00e4ksesi tuloksen!\");\n document.getElementById('result-box').style.display = 'none';\n return;\n }\n\n \/\/ 2. N\u00c4YTET\u00c4\u00c4N LASKETUT PISTEET ERIKSEEN\n document.getElementById('count-A').textContent = counts['A'];\n document.getElementById('count-B').textContent = counts['B'];\n document.getElementById('count-C').textContent = counts['C'];\n document.getElementById('count-D').textContent = counts['D'];\n\n\n \/\/ 3. Etsi eniten saatu kirjain\n let maxCount = -1;\n let resultKey = '';\n \n const keys = ['A', 'B', 'C', 'D'];\n \n keys.forEach(key => {\n if (counts[key] > maxCount) {\n maxCount = counts[key];\n resultKey = key;\n }\n });\n\n \/\/ M\u00e4\u00e4rittele hahmo\n let name = '';\n let description = '';\n\n switch (resultKey) {\n case 'A':\n name = '\ud83d\udc51 The Charismatic Leader (Karismaattinen johtaja) on sinun hahmosi!';\n description = 'Olet ryhm\u00e4n ankkuri, aina t\u00e4ydellisesti valmistautunut. Teet suunnitelman ja olet se, joka tekee ratkaisut paineen alla. Motto: \"T\u00e4ydellisyys ei ole tavoite, se on perusvaatimus selviytymiselle.\"';\n break;\n case 'B':\n name = '\ud83d\udc96 The Eternal Guardian (Ikuinen Suojelija) on sinun hahmosi!';\n description = 'Olet ryhm\u00e4n l\u00e4\u00e4k\u00e4ri, parantaja ja tukihenkil\u00f6, jolla on tietoa vanhoista loitsuista. Ilman sinua ryhm\u00e4 hajoaisi. Motto: \"Voimaa ei ole vain hy\u00f6kk\u00e4\u00e4misess\u00e4, vaan my\u00f6s kyvyss\u00e4 nousta uudelleen.\"';\n break;\n case 'C':\n name = '\ud83c\udf11 The Intense Soloist (Intensiivinen Sooloartisti) on sinun hahmosi!';\n description = 'Olet sielukas ja tunteellinen. Kanavoit sis\u00e4isen pimeyden raa\\'aksi voimaksi. Demonit pelk\u00e4\u00e4v\u00e4t tunnekuohujasi. Motto: \"Pimeys on vain toinen v\u00e4ri paletissani. Ja min\u00e4 maalaan sill\u00e4 pelkoa.\"';\n break;\n case 'D':\n name = '\ud83d\udd2e The Illusive Strategist (Harhauttava Strategi) on sinun hahmosi!';\n description = 'Olet ryhm\u00e4n viekkain j\u00e4sen. K\u00e4yt\u00e4t valoa, \u00e4\u00e4nt\u00e4 ja illuusioita aseena. Tied\u00e4t aina vihollisen seuraavan siirron. Motto: \"Miksi taistella, kun voit saada heid\u00e4t taistelemaan omaa varjoaan vastaan?\"';\n break;\n default:\n name = 'Tulos tuntematon';\n description = 'Laskennassa tapahtui virhe.';\n }\n\n \/\/ N\u00e4yt\u00e4 tuloslaatikko ja vierit\u00e4 siihen\n document.getElementById('character-name').textContent = name;\n document.getElementById('character-description').textContent = description;\n document.getElementById('result-box').style.display = 'block';\n document.getElementById('result-box').scrollIntoView({ behavior: 'smooth' });\n }\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Mik\u00e4 K-pop Demon Hunters -hahmo olet? \ud83d\udd25 Mik\u00e4 K-pop Demon Hunters -hahmo olet? Valitse jokaisesta kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto ja paina ”Laske tulos!”. 1. Mik\u00e4 on suhtautumisesi koreografiaan harjoitusten aikana? A. T\u00e4ydellinen synkronointi. Toistan liikkeet, kunnes ne ovat virheett\u00f6mi\u00e4 \u2013 ei oikoteit\u00e4. B. Koreografian pit\u00e4\u00e4 olla tehokas taisteluasento. Lis\u00e4\u00e4n siihen puolustusliikkeit\u00e4. C. Annan tunteiden […]<\/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-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/47","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=47"}],"version-history":[{"count":3,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":47,"date":"2025-12-08T11:29:13","date_gmt":"2025-12-08T11:29:13","guid":{"rendered":"https:\/\/ntslcosmos.fi\/?page_id=47"},"modified":"2025-12-09T07:39:08","modified_gmt":"2025-12-09T07:39:08","slug":"harjoitus","status":"publish","type":"page","link":"https:\/\/ntslcosmos.fi\/index.php\/harjoitus\/","title":{"rendered":"Kpop Demon Hunters!"},"content":{"rendered":"\n\n\n\n \n \n Mik\u00e4 K-pop Demon Hunters -hahmo olet?<\/title>\n <style>\n \/* CSS-tyylit *\/\n body {\n font-family: Arial, sans-serif;\n background-color: #1a1a1a;\n color: #e0e0e0;\n line-height: 1.6;\n margin: 20px auto;\n max-width: 800px;\n border-radius: 10px;\n box-shadow: 0 0 15px rgba(255, 0, 100, 0.5);\n padding: 20px;\n }\n h1 { color: #ff3399; text-align: center; border-bottom: 2px solid #ff3399; padding-bottom: 10px; }\n h2 { color: #4ddbff; margin-top: 30px; }\n .question { background-color: #2a2a2a; padding: 15px; margin-bottom: 20px; border-radius: 8px; border-left: 5px solid #ff3399; }\n .option label { display: block; margin: 10px 0; padding: 10px; background-color: #3a3a3a; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; }\n .option label:hover { background-color: #5a5a5a; }\n input[type=\"radio\"] { margin-right: 10px; }\n \/* Painikkeen tyyli *\/\n #submit-button {\n display: block;\n width: 100%;\n padding: 15px;\n background-color: #ff3399;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1.2em;\n cursor: pointer;\n transition: background-color 0.3s;\n margin-top: 20px;\n }\n #submit-button:hover { background-color: #cc0066; }\n \/* Tuloslaatikon tyyli *\/\n #result-box {\n margin-top: 40px;\n padding: 20px;\n background-color: #3a3a3a;\n border: 2px solid #4ddbff;\n border-radius: 10px;\n text-align: center;\n display: none; \n }\n #result-box h3 { color: #ff3399; font-size: 1.8em; }\n \/* Laskureiden (A, B, C, D) tyyli *\/\n #counts {\n display: flex;\n justify-content: space-around;\n margin: 20px 0;\n padding: 10px 0;\n border-top: 1px solid #4ddbff;\n border-bottom: 1px solid #4ddbff;\n }\n .count-item span { font-weight: bold; color: #ff3399; }\n #character-result { margin-top: 20px; padding-top: 15px; border-top: 1px dashed #e0e0e0; }\n #character-name { font-size: 1.4em; color: #4ddbff; }\n <\/style>\n<\/head>\n<body>\n\n <h1>\ud83d\udd25 Mik\u00e4 K-pop Demon Hunters -hahmo olet?<\/h1>\n <p>Valitse jokaisesta kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto ja paina ”Laske tulos!”.<\/p>\n\n <form>\n <div class=\"question\"><h2>1. Mik\u00e4 on suhtautumisesi koreografiaan harjoitusten aikana?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"A\"> A. T\u00e4ydellinen synkronointi. Toistan liikkeet, kunnes ne ovat virheett\u00f6mi\u00e4 \u2013 ei oikoteit\u00e4.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"B\"> B. Koreografian pit\u00e4\u00e4 olla tehokas taisteluasento. Lis\u00e4\u00e4n siihen puolustusliikkeit\u00e4.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"C\"> C. Annan tunteiden ohjata. Tanssi on tapa purkaa sis\u00e4inen myrsky.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"D\"> D. N\u00e4en koreografian strategiana. Jokainen askel on ansa tai harhautus.<\/label><\/div>\n <\/div>\n <div class=\"question\"><h2>2. Mik\u00e4 on tyypillisin asuvalintasi lavalle\/demoninmets\u00e4stykseen?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"A\"> A. Siisti, r\u00e4\u00e4t\u00e4l\u00f6ity puku tai nahkatakki. Haluat n\u00e4ytt\u00e4\u00e4 ammattilaiselta.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"B\"> B. K\u00e4yt\u00e4nn\u00f6lliset vaatteet, joissa on taskuja ja tilaa liikkua. Ehk\u00e4 hieman futuristinen panssari.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"C\"> C. L\u00f6ys\u00e4t, mukavat vaatteet tummissa v\u00e4reiss\u00e4. Jokin, joka saa sinut katoamaan varjoihin.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"D\"> D. Kirkkaat v\u00e4rit, hohtoa ja huomiota her\u00e4tt\u00e4vi\u00e4 yksityiskohtia. Demonien t\u00e4ytyy tiet\u00e4\u00e4, kuka heit\u00e4 mets\u00e4st\u00e4\u00e4.<\/label><\/div>\n <\/div>\n <div class=\"question\"><h2>3. Kuinka reagoit, kun ryhm\u00e4si on suuressa vaarassa?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"A\"> A. Otan v\u00e4litt\u00f6m\u00e4sti johdon ja jaan teht\u00e4v\u00e4t. Pysyn rauhallisena ja pid\u00e4n suunnitelmasta kiinni.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"B\"> B. Suojelen heikompia. K\u00e4yt\u00e4n kykyj\u00e4ni ryhm\u00e4n parantamiseen ja vahvistamiseen.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"C\"> C. Hy\u00f6kk\u00e4\u00e4n sokeasti ja intensiivisesti vihollista kohti. Tunteeni ovat aseeni.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"D\"> D. Analysoin tilanteen, etsin heikkouden ja isken strategisesti heikoimpaan kohtaan.<\/label><\/div>\n <\/div>\n <div class=\"question\"><h2>4. Mik\u00e4 on erikoisaseesi tai -taitosi demonien torjunnassa?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"A\"> A. Tarkasti kohdennettu erikoisase ja kyky johtaa joukkoja.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"B\"> B. Vanhat, sinet\u00f6idyt loitsut ja parantava \u00e4\u00e4ni. Olet ryhm\u00e4n tukipilari.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"C\"> C. Raaka voima tai hallitsematon elementti, jonka kanavoit esityksen kautta.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"D\"> D. Kyky manipuloida valoa tai \u00e4\u00e4nt\u00e4 luodaksesi illuusioita.<\/label><\/div>\n <\/div>\n <div class=\"question\"><h2>5. Mik\u00e4 on suurin henkil\u00f6kohtainen salaisuutesi K-pop-idolina?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"A\"> A. Pelk\u00e4\u00e4t valtavaa painetta ja vastuuta, vaikka olet karismaattinen johtaja.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"B\"> B. Olet oikeasti paljon vanhempi\/olet el\u00e4nyt monta el\u00e4m\u00e4\u00e4 ja olet v\u00e4synyt taisteluun.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"C\"> C. Sinulla itsell\u00e4si on pieni demoninen voima tai ”kirous”.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"D\"> D. Vihollistaho yritt\u00e4\u00e4 jatkuvasti v\u00e4rv\u00e4t\u00e4 sinut puolelleen.<\/label><\/div>\n <\/div>\n\n <button type=\"button\" id=\"submit-button\" onclick=\"calculateResults()\">Laske tulos!<\/button>\n <\/form>\n\n <div id=\"result-box\">\n <h3>\ud83c\udf89 Tulos:<\/h3>\n \n <div id=\"counts\">\n <div class=\"count-item\">A: <span id=\"count-A\">0<\/span><\/div>\n <div class=\"count-item\">B: <span id=\"count-B\">0<\/span><\/div>\n <div class=\"count-item\">C: <span id=\"count-C\">0<\/span><\/div>\n <div class=\"count-item\">D: <span id=\"count-D\">0<\/span><\/div>\n <\/div>\n \n <div id=\"character-result\">\n <p id=\"character-name\"><\/p>\n <p id=\"character-description\"><\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Funktio on m\u00e4\u00e4ritelty suoraan, jotta se voidaan kutsua painikkeesta (onclick)\n function calculateResults() {\n \n const questions = ['q1', 'q2', 'q3', 'q4', 'q5'];\n const counts = { 'A': 0, 'B': 0, 'C': 0, 'D': 0 };\n let allAnswered = true;\n\n \/\/ 1. Ker\u00e4\u00e4 vastaukset ja laske pisteet\n questions.forEach(qName => {\n \/\/ T\u00e4ss\u00e4 haetaan valittu vastaus koko dokumentista\n const selected = document.querySelector(`input[name=\"${qName}\"]:checked`);\n \n if (selected) {\n counts[selected.value]++; \n } else {\n allAnswered = false; \n }\n });\n\n if (!allAnswered) {\n alert(\"Vastaa kaikkiin kysymyksiin n\u00e4hd\u00e4ksesi tuloksen!\");\n document.getElementById('result-box').style.display = 'none';\n return;\n }\n\n \/\/ 2. N\u00c4YTET\u00c4\u00c4N LASKETUT PISTEET ERIKSEEN\n document.getElementById('count-A').textContent = counts['A'];\n document.getElementById('count-B').textContent = counts['B'];\n document.getElementById('count-C').textContent = counts['C'];\n document.getElementById('count-D').textContent = counts['D'];\n\n\n \/\/ 3. Etsi eniten saatu kirjain\n let maxCount = -1;\n let resultKey = '';\n \n const keys = ['A', 'B', 'C', 'D'];\n \n keys.forEach(key => {\n if (counts[key] > maxCount) {\n maxCount = counts[key];\n resultKey = key;\n }\n });\n\n \/\/ M\u00e4\u00e4rittele hahmo\n let name = '';\n let description = '';\n\n switch (resultKey) {\n case 'A':\n name = '\ud83d\udc51 The Charismatic Leader (Karismaattinen johtaja) on sinun hahmosi!';\n description = 'Olet ryhm\u00e4n ankkuri, aina t\u00e4ydellisesti valmistautunut. Teet suunnitelman ja olet se, joka tekee ratkaisut paineen alla. Motto: \"T\u00e4ydellisyys ei ole tavoite, se on perusvaatimus selviytymiselle.\"';\n break;\n case 'B':\n name = '\ud83d\udc96 The Eternal Guardian (Ikuinen Suojelija) on sinun hahmosi!';\n description = 'Olet ryhm\u00e4n l\u00e4\u00e4k\u00e4ri, parantaja ja tukihenkil\u00f6, jolla on tietoa vanhoista loitsuista. Ilman sinua ryhm\u00e4 hajoaisi. Motto: \"Voimaa ei ole vain hy\u00f6kk\u00e4\u00e4misess\u00e4, vaan my\u00f6s kyvyss\u00e4 nousta uudelleen.\"';\n break;\n case 'C':\n name = '\ud83c\udf11 The Intense Soloist (Intensiivinen Sooloartisti) on sinun hahmosi!';\n description = 'Olet sielukas ja tunteellinen. Kanavoit sis\u00e4isen pimeyden raa\\'aksi voimaksi. Demonit pelk\u00e4\u00e4v\u00e4t tunnekuohujasi. Motto: \"Pimeys on vain toinen v\u00e4ri paletissani. Ja min\u00e4 maalaan sill\u00e4 pelkoa.\"';\n break;\n case 'D':\n name = '\ud83d\udd2e The Illusive Strategist (Harhauttava Strategi) on sinun hahmosi!';\n description = 'Olet ryhm\u00e4n viekkain j\u00e4sen. K\u00e4yt\u00e4t valoa, \u00e4\u00e4nt\u00e4 ja illuusioita aseena. Tied\u00e4t aina vihollisen seuraavan siirron. Motto: \"Miksi taistella, kun voit saada heid\u00e4t taistelemaan omaa varjoaan vastaan?\"';\n break;\n default:\n name = 'Tulos tuntematon';\n description = 'Laskennassa tapahtui virhe.';\n }\n\n \/\/ N\u00e4yt\u00e4 tuloslaatikko ja vierit\u00e4 siihen\n document.getElementById('character-name').textContent = name;\n document.getElementById('character-description').textContent = description;\n document.getElementById('result-box').style.display = 'block';\n document.getElementById('result-box').scrollIntoView({ behavior: 'smooth' });\n }\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Mik\u00e4 K-pop Demon Hunters -hahmo olet? \ud83d\udd25 Mik\u00e4 K-pop Demon Hunters -hahmo olet? Valitse jokaisesta kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto ja paina ”Laske tulos!”. 1. Mik\u00e4 on suhtautumisesi koreografiaan harjoitusten aikana? A. T\u00e4ydellinen synkronointi. Toistan liikkeet, kunnes ne ovat virheett\u00f6mi\u00e4 \u2013 ei oikoteit\u00e4. B. Koreografian pit\u00e4\u00e4 olla tehokas taisteluasento. Lis\u00e4\u00e4n siihen puolustusliikkeit\u00e4. C. Annan tunteiden […]<\/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-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/47","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=47"}],"version-history":[{"count":3,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}