Mik\u00e4 Afton Family -hahmo olet? (Korjattu)<\/title>\n <style>\n \/* CSS-tyylit FNAF-teemalla *\/\n body {\n font-family: 'Courier New', Courier, monospace;\n background-color: #1a0a2a;\n color: #ccff00;\n line-height: 1.6;\n margin: 20px auto;\n max-width: 800px;\n border-radius: 10px;\n box-shadow: 0 0 25px rgba(204, 255, 0, 0.6);\n padding: 20px;\n }\n h1 { color: #b300ff; text-align: center; border-bottom: 2px solid #b300ff; padding-bottom: 10px; }\n h2 { color: #ff9900; margin-top: 30px; }\n .question { background-color: #260f3d; padding: 15px; margin-bottom: 20px; border-radius: 8px; border-left: 5px solid #ff9900; }\n .option label { display: block; margin: 10px 0; padding: 10px; background-color: #331454; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; }\n .option label:hover { background-color: #4d1a73; }\n input[type=\"radio\"] { margin-right: 10px; }\n #submit-button {\n display: block;\n width: 100%;\n padding: 15px;\n background-color: #b300ff;\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 font-weight: bold;\n }\n #submit-button:hover { background-color: #8c00cc; }\n #result-box {\n margin-top: 40px;\n padding: 20px;\n background-color: #260f3d;\n border: 2px solid #ccff00;\n border-radius: 10px;\n text-align: center;\n display: none;\n }\n #result-box h3 { color: #b300ff; font-size: 1.8em; }\n #counts {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n margin: 20px 0;\n padding: 10px 0;\n border-top: 1px solid #ccff00;\n border-bottom: 1px solid #ccff00;\n }\n .count-item { font-size: 1.1em; margin: 5px 10px; }\n .count-item span { font-weight: bold; color: #ff9900; }\n #character-result { margin-top: 20px; padding-top: 15px; border-top: 1px dashed #f0f0f0; }\n #character-name { font-size: 1.4em; color: #ccff00; }\n <\/style>\n<\/head>\n<body>\n\n <h1>\ud83d\udd2a Mik\u00e4 Afton Family -hahmo olet?<\/h1>\n <p>Valitse 10 kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto.<\/p>\n\n <div class=\"questions-container\">\n <div class=\"question\"><h2>1. Mik\u00e4 on suhtautumisesi s\u00e4\u00e4nt\u00f6ihin ja kieltoihin?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"A\"> A. Rikkon niit\u00e4 tieteellisen kokeen nimiss\u00e4. S\u00e4\u00e4nn\u00f6t ovat tylsi\u00e4.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"B\"> B. Olen joustava, jos ne uhkaavat perhett\u00e4 tai kauneutta. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"C\"> C. Yrit\u00e4n noudattaa niit\u00e4, mutta olen utelias ja kyseenalaistan ne.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"D\"> D. Kiellot tekev\u00e4t asioista mielenkiintoisempia, ja ne on tehty rikottaviksi.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"E\"> E. Pelk\u00e4\u00e4n s\u00e4\u00e4nt\u00f6jen rikkomista ja muiden joutumista vaikeuksiin.<\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>2. Mik\u00e4 on hallitsevin tunne, jonka koet p\u00e4ivitt\u00e4in?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"A\"> A. Kontrolli, pakkomielle ja tarve ylitt\u00e4\u00e4 rajat.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"B\"> B. Suru, kaipaus ja sis\u00e4inen kauneus.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"C\"> C. Syyllisyys, sitkeys ja v\u00e4symys.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"D\"> D. Uteliaisuus, j\u00e4nnitys ja huomionhaku.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"E\"> E. Pelko, ep\u00e4varmuus ja avun tarve.<\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>3. Kuinka reagoit, kun olet suuressa stressiss\u00e4?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"A\"> A. Keskityn uuteen projektiin tai pakkomielteeseen ja erist\u00e4n tunteet. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"B\"> B. Pakenen taiteeseen, musiikkiin tai tanssiin l\u00f6yt\u00e4\u00e4kseni sis\u00e4isen rauhan. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"C\"> C. Pakotan itseni selviytym\u00e4\u00e4n, maksoi mit\u00e4 maksoi, kunnes teht\u00e4v\u00e4 on valmis.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"D\"> D. Joudun paniikkiin, vaadin huomiota tai yrit\u00e4n manipuloida tilannetta.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"E\"> E. Itken ja etsin turvaa ja suojaa niilt\u00e4, jotka v\u00e4litt\u00e4v\u00e4t minusta.<\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>4. Suosikki robottityyppisi tai -hahmosi on…<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"A\"> A. Monimutkainen, tappava ja sis\u00e4isesti tekninen (esim. Funtime-robotit).<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"B\"> B. Kaunis, suloinen, mutta hieman aavemainen (esim. Ballora).<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"C\"> C. Kulunut, pelottava mutta tuttu ja kest\u00e4v\u00e4 (esim. Classic Freddy).<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"D\"> D. V\u00e4rik\u00e4s, huomiota her\u00e4tt\u00e4v\u00e4 ja j\u00e4\u00e4tel\u00f6\u00e4 antava (esim. Circus Baby).<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"E\"> E. Iso, karvainen ja suojeleva (esim. Fredbear tai Golden Freddy).<\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>5. Mik\u00e4 sinua motivoi nousemaan yl\u00f6s aamulla?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"A\"> A. Saavuttaa jotain ainutlaatuista ja kuolematonta. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"B\"> B. Rakkaus perhett\u00e4 kohtaan, jota yrit\u00e4t koota. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"C\"> C. Hyvitt\u00e4\u00e4 menneet virheet ja lopettaa se, mink\u00e4 aloitit. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"D\"> D. Saada se, mit\u00e4 haluat, hinnalla mill\u00e4 hyv\u00e4ns\u00e4. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"E\"> E. Saada muiden hyv\u00e4ksynt\u00e4 ja turvallisuus. <\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>6. Miten suhtaudut kuolemaan?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"A\"> A. Se on vain este, joka pit\u00e4\u00e4 voittaa tieteell\u00e4. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"B\"> B. Se on pysyv\u00e4 ja surullinen, mutta kauneus jatkuu. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"C\"> C. Se on sotkuista ja pitk\u00e4 prosessi. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"D\"> D. Sit\u00e4 ei ymm\u00e4rr\u00e4, ennen kuin sen kokee. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"E\"> E. Se on pelottavin asia maailmassa. <\/label><\/div>\n <\/div>\n \n <div class=\"question\"><h2>7. Miss\u00e4 viet\u00e4t mieluiten aikaa?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"A\"> A. Pime\u00e4 takahuone, laboratorio tai kellari. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"B\"> B. Keskell\u00e4 lavaa, tanssien tai laulaen. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"C\"> C. Turvakonttori\/valvontakamera-alue. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"D\"> D. Siell\u00e4, miss\u00e4 on eniten ihmisi\u00e4 ja huomiota. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"E\"> E. Oman s\u00e4ngyn alla tai nurkassa piilossa. <\/label><\/div>\n <\/div>\n \n <div class=\"question\"><h2>8. Miten k\u00e4sittelet petoksen tai pettymyksen?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"A\"> A. Et koskaan anna anteeksi ja suunnittelet kostoa vuosikausia. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"B\"> B. Se s\u00e4rkee sinut, mutta etsit sis\u00e4ist\u00e4 rauhaa ja eleganssia. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"C\"> C. Se saa sinut vain kovemmaksi ja p\u00e4\u00e4tt\u00e4v\u00e4isemm\u00e4ksi jatkaa ty\u00f6t\u00e4. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"D\"> D. Raivoat ja vaadit hyvityst\u00e4 v\u00e4litt\u00f6m\u00e4sti. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"E\"> E. Piiloudut ja pelk\u00e4\u00e4t kaikkia, jotka satuttavat sinua. <\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>9. Mik\u00e4 on suurin taitosi?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"A\"> A. Tekninen lahjakkuus, suunnittelu ja keksinn\u00f6t. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"B\"> B. Kyky rauhoitella muita ja yll\u00e4pit\u00e4\u00e4 eleganssia. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"C\"> C. Kyky kest\u00e4\u00e4 kipua ja jatkaa eteenp\u00e4in. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"D\"> D. Karisma ja kyky saada muut tekem\u00e4\u00e4n, mit\u00e4 haluat. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"E\"> E. Syv\u00e4 empaattisuus ja kyky n\u00e4hd\u00e4 vaara. <\/label><\/div>\n <\/div>\n \n <div class=\"question\"><h2>10. Miten suhtaudut auktoriteettiin (esim. poliisit, esimiehet)?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"A\"> A. Olet itse auktoriteetti. He ovat vain nappeja shakissa.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"B\"> B. Kunnioitan heit\u00e4, mutta en luota heihin t\u00e4ysin.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"C\"> C. Teen vain sen, mit\u00e4 minun on teht\u00e4v\u00e4 p\u00e4\u00e4st\u00e4kseni eroon heist\u00e4.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"D\"> D. Voin flirttailla tai manipuloida heit\u00e4, jos tarve vaatii.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"E\"> E. Pelk\u00e4\u00e4n heit\u00e4 ja teen kaiken, mit\u00e4 he pyyt\u00e4v\u00e4t.<\/label><\/div>\n <\/div>\n\n <\/div>\n \n <button type=\"button\" id=\"submit-button\" onclick=\"calculateResults()\">Laske tulos!<\/button>\n\n <div id=\"result-box\">\n <h3>\ud83c\udf89 Tulos:<\/h3>\n \n <div id=\"counts\">\n <div class=\"count-item\">William (A): <span id=\"count-A\">0<\/span><\/div>\n <div class=\"count-item\">Mrs. Afton (B): <span id=\"count-B\">0<\/span><\/div>\n <div class=\"count-item\">Michael (C): <span id=\"count-C\">0<\/span><\/div>\n <div class=\"count-item\">Elizabeth (D): <span id=\"count-D\">0<\/span><\/div>\n <div class=\"count-item\">Crying Child (E): <span id=\"count-E\">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 function calculateResults() {\n \/\/ Hahmot: A=William, B=Mrs. Afton, C=Michael, D=Elizabeth, E=Crying Child\n const questions = ['q1', 'q2', 'q3', 'q4', 'q5', 'q6', 'q7', 'q8', 'q9', 'q10'];\n const counts = { 'A': 0, 'B': 0, 'C': 0, 'D': 0, 'E': 0 };\n let allAnswered = true;\n\n \/\/ Ker\u00e4\u00e4 vastaukset ja laske pisteet\n questions.forEach(qName => {\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 kymmeneen kysymykseen n\u00e4hd\u00e4ksesi tuloksen!\");\n document.getElementById('result-box').style.display = 'none';\n return;\n }\n\n \/\/ T\u00c4M\u00c4 OSA ON KORJATTU\n \/\/ 1. P\u00e4ivitet\u00e4\u00e4n lasketut pisteet n\u00e4yt\u00f6lle\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 document.getElementById('count-E').textContent = counts['E'];\n\n\n \/\/ 2. Etsi eniten saatu kirjain\n let maxCount = -1;\n let resultKey = '';\n \n const keys = ['A', 'B', 'C', 'D', 'E'];\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 = 'A: William Afton (The Creator \/ Purple Guy)';\n description = 'Olet **William Afton**. Olet pakkomielteinen, manipuloiva ja eritt\u00e4in \u00e4lyk\u00e4s. Etsit kuolemattomuutta ja yrit\u00e4t hallita ymp\u00e4rist\u00f6\u00e4si t\u00e4ydellisesti. Sinulle tiede ja omat projektit ovat t\u00e4rke\u00e4mpi\u00e4 kuin kenenk\u00e4\u00e4n tunteet.';\n break;\n case 'B':\n name = 'B: Mrs. Afton (The Dancer \/ Ballora)';\n description = 'Olet **Mrs. Afton**. Olet ollut todenn\u00e4k\u00f6isesti perheen emotionaalinen ankkuri, tyylik\u00e4s ja kaunis. Piilotat surun ja menetyksen taiteelliseen ilmaisuun, ja yrit\u00e4t ep\u00e4toivoisesti s\u00e4ilytt\u00e4\u00e4 jotain ehj\u00e4\u00e4 kaaoksen keskell\u00e4.';\n break;\n case 'C':\n name = 'C: Michael Afton (The Survivor \/ Mike Schmidt)';\n description = 'Olet **Michael Afton**. Olet sitke\u00e4, v\u00e4synyt ja m\u00e4\u00e4r\u00e4tietoinen. Koet syv\u00e4\u00e4 syyllisyytt\u00e4 menneist\u00e4 virheist\u00e4si, mutta pakotat itsesi jatkamaan is\u00e4si sotkun siivoamista, maksoi mit\u00e4 maksoi. Et luovuta koskaan.';\n break;\n case 'D':\n name = 'D: Elizabeth Afton (The Curious \/ Circus Baby)';\n description = 'Olet **Elizabeth Afton**. Olet utelias, vilkas ja etsit huomiota. Sinulla on voimakas tarve saada se, mit\u00e4 haluat, etk\u00e4 v\u00e4lit\u00e4 kielloista. Lapsenomainen tarpeesi huomioon voi johtaa sinut vaarallisiin tilanteisiin.';\n break;\n case 'E':\n name = 'E: Crying Child (The Victim \/ Evan)';\n description = 'Olet **Crying Child**. Olet herkk\u00e4, pelokas ja tunnet olosi turvattomaksi. Luotat muihin saadaksesi suojan, ja olet syv\u00e4sti empaattinen. Pelk\u00e4\u00e4t kaikkea, erityisesti isoja pahoja asioita (ja isovelje\u00e4si).';\n break;\n default:\n name = 'Tulos tuntematon';\n description = 'Laskennassa tapahtui virhe. Varmista, ett\u00e4 vastasit kaikkiin kysymyksiin.';\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 Afton Family -hahmo olet? (Korjattu) \ud83d\udd2a Mik\u00e4 Afton Family -hahmo olet? Valitse 10 kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto. 1. Mik\u00e4 on suhtautumisesi s\u00e4\u00e4nt\u00f6ihin ja kieltoihin? A. Rikkon niit\u00e4 tieteellisen kokeen nimiss\u00e4. S\u00e4\u00e4nn\u00f6t ovat tylsi\u00e4. B. Olen joustava, jos ne uhkaavat perhett\u00e4 tai kauneutta. C. Yrit\u00e4n noudattaa niit\u00e4, mutta olen utelias ja kyseenalaistan ne. D. […]<\/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-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/79","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=79"}],"version-history":[{"count":4,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/media?parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<br /> <b>Notice</b>: ob_end_flush(): Failed to send buffer of zlib output compression (1) in <b>/home/ntslcosm/public_html/wp-includes/functions.php</b> on line <b>5481</b><br /> <br /> <b>Notice</b>: ob_end_flush(): Failed to send buffer of zlib output compression (1) in <b>/home/ntslcosm/public_html/wp-includes/functions.php</b> on line <b>5481</b><br />

{"id":79,"date":"2025-12-09T13:35:27","date_gmt":"2025-12-09T13:35:27","guid":{"rendered":"https:\/\/ntslcosmos.fi\/?page_id=79"},"modified":"2025-12-10T10:44:57","modified_gmt":"2025-12-10T10:44:57","slug":"afton-family-testi","status":"publish","type":"page","link":"https:\/\/ntslcosmos.fi\/index.php\/afton-family-testi\/","title":{"rendered":"Afton Family Testi"},"content":{"rendered":"\n\n\n\n \n \n Mik\u00e4 Afton Family -hahmo olet? (Korjattu)<\/title>\n <style>\n \/* CSS-tyylit FNAF-teemalla *\/\n body {\n font-family: 'Courier New', Courier, monospace;\n background-color: #1a0a2a;\n color: #ccff00;\n line-height: 1.6;\n margin: 20px auto;\n max-width: 800px;\n border-radius: 10px;\n box-shadow: 0 0 25px rgba(204, 255, 0, 0.6);\n padding: 20px;\n }\n h1 { color: #b300ff; text-align: center; border-bottom: 2px solid #b300ff; padding-bottom: 10px; }\n h2 { color: #ff9900; margin-top: 30px; }\n .question { background-color: #260f3d; padding: 15px; margin-bottom: 20px; border-radius: 8px; border-left: 5px solid #ff9900; }\n .option label { display: block; margin: 10px 0; padding: 10px; background-color: #331454; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; }\n .option label:hover { background-color: #4d1a73; }\n input[type=\"radio\"] { margin-right: 10px; }\n #submit-button {\n display: block;\n width: 100%;\n padding: 15px;\n background-color: #b300ff;\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 font-weight: bold;\n }\n #submit-button:hover { background-color: #8c00cc; }\n #result-box {\n margin-top: 40px;\n padding: 20px;\n background-color: #260f3d;\n border: 2px solid #ccff00;\n border-radius: 10px;\n text-align: center;\n display: none;\n }\n #result-box h3 { color: #b300ff; font-size: 1.8em; }\n #counts {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n margin: 20px 0;\n padding: 10px 0;\n border-top: 1px solid #ccff00;\n border-bottom: 1px solid #ccff00;\n }\n .count-item { font-size: 1.1em; margin: 5px 10px; }\n .count-item span { font-weight: bold; color: #ff9900; }\n #character-result { margin-top: 20px; padding-top: 15px; border-top: 1px dashed #f0f0f0; }\n #character-name { font-size: 1.4em; color: #ccff00; }\n <\/style>\n<\/head>\n<body>\n\n <h1>\ud83d\udd2a Mik\u00e4 Afton Family -hahmo olet?<\/h1>\n <p>Valitse 10 kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto.<\/p>\n\n <div class=\"questions-container\">\n <div class=\"question\"><h2>1. Mik\u00e4 on suhtautumisesi s\u00e4\u00e4nt\u00f6ihin ja kieltoihin?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"A\"> A. Rikkon niit\u00e4 tieteellisen kokeen nimiss\u00e4. S\u00e4\u00e4nn\u00f6t ovat tylsi\u00e4.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"B\"> B. Olen joustava, jos ne uhkaavat perhett\u00e4 tai kauneutta. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"C\"> C. Yrit\u00e4n noudattaa niit\u00e4, mutta olen utelias ja kyseenalaistan ne.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"D\"> D. Kiellot tekev\u00e4t asioista mielenkiintoisempia, ja ne on tehty rikottaviksi.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"E\"> E. Pelk\u00e4\u00e4n s\u00e4\u00e4nt\u00f6jen rikkomista ja muiden joutumista vaikeuksiin.<\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>2. Mik\u00e4 on hallitsevin tunne, jonka koet p\u00e4ivitt\u00e4in?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"A\"> A. Kontrolli, pakkomielle ja tarve ylitt\u00e4\u00e4 rajat.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"B\"> B. Suru, kaipaus ja sis\u00e4inen kauneus.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"C\"> C. Syyllisyys, sitkeys ja v\u00e4symys.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"D\"> D. Uteliaisuus, j\u00e4nnitys ja huomionhaku.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"E\"> E. Pelko, ep\u00e4varmuus ja avun tarve.<\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>3. Kuinka reagoit, kun olet suuressa stressiss\u00e4?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"A\"> A. Keskityn uuteen projektiin tai pakkomielteeseen ja erist\u00e4n tunteet. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"B\"> B. Pakenen taiteeseen, musiikkiin tai tanssiin l\u00f6yt\u00e4\u00e4kseni sis\u00e4isen rauhan. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"C\"> C. Pakotan itseni selviytym\u00e4\u00e4n, maksoi mit\u00e4 maksoi, kunnes teht\u00e4v\u00e4 on valmis.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"D\"> D. Joudun paniikkiin, vaadin huomiota tai yrit\u00e4n manipuloida tilannetta.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"E\"> E. Itken ja etsin turvaa ja suojaa niilt\u00e4, jotka v\u00e4litt\u00e4v\u00e4t minusta.<\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>4. Suosikki robottityyppisi tai -hahmosi on…<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"A\"> A. Monimutkainen, tappava ja sis\u00e4isesti tekninen (esim. Funtime-robotit).<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"B\"> B. Kaunis, suloinen, mutta hieman aavemainen (esim. Ballora).<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"C\"> C. Kulunut, pelottava mutta tuttu ja kest\u00e4v\u00e4 (esim. Classic Freddy).<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"D\"> D. V\u00e4rik\u00e4s, huomiota her\u00e4tt\u00e4v\u00e4 ja j\u00e4\u00e4tel\u00f6\u00e4 antava (esim. Circus Baby).<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"E\"> E. Iso, karvainen ja suojeleva (esim. Fredbear tai Golden Freddy).<\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>5. Mik\u00e4 sinua motivoi nousemaan yl\u00f6s aamulla?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"A\"> A. Saavuttaa jotain ainutlaatuista ja kuolematonta. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"B\"> B. Rakkaus perhett\u00e4 kohtaan, jota yrit\u00e4t koota. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"C\"> C. Hyvitt\u00e4\u00e4 menneet virheet ja lopettaa se, mink\u00e4 aloitit. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"D\"> D. Saada se, mit\u00e4 haluat, hinnalla mill\u00e4 hyv\u00e4ns\u00e4. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"E\"> E. Saada muiden hyv\u00e4ksynt\u00e4 ja turvallisuus. <\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>6. Miten suhtaudut kuolemaan?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"A\"> A. Se on vain este, joka pit\u00e4\u00e4 voittaa tieteell\u00e4. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"B\"> B. Se on pysyv\u00e4 ja surullinen, mutta kauneus jatkuu. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"C\"> C. Se on sotkuista ja pitk\u00e4 prosessi. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"D\"> D. Sit\u00e4 ei ymm\u00e4rr\u00e4, ennen kuin sen kokee. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q6\" value=\"E\"> E. Se on pelottavin asia maailmassa. <\/label><\/div>\n <\/div>\n \n <div class=\"question\"><h2>7. Miss\u00e4 viet\u00e4t mieluiten aikaa?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"A\"> A. Pime\u00e4 takahuone, laboratorio tai kellari. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"B\"> B. Keskell\u00e4 lavaa, tanssien tai laulaen. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"C\"> C. Turvakonttori\/valvontakamera-alue. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"D\"> D. Siell\u00e4, miss\u00e4 on eniten ihmisi\u00e4 ja huomiota. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q7\" value=\"E\"> E. Oman s\u00e4ngyn alla tai nurkassa piilossa. <\/label><\/div>\n <\/div>\n \n <div class=\"question\"><h2>8. Miten k\u00e4sittelet petoksen tai pettymyksen?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"A\"> A. Et koskaan anna anteeksi ja suunnittelet kostoa vuosikausia. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"B\"> B. Se s\u00e4rkee sinut, mutta etsit sis\u00e4ist\u00e4 rauhaa ja eleganssia. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"C\"> C. Se saa sinut vain kovemmaksi ja p\u00e4\u00e4tt\u00e4v\u00e4isemm\u00e4ksi jatkaa ty\u00f6t\u00e4. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"D\"> D. Raivoat ja vaadit hyvityst\u00e4 v\u00e4litt\u00f6m\u00e4sti. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q8\" value=\"E\"> E. Piiloudut ja pelk\u00e4\u00e4t kaikkia, jotka satuttavat sinua. <\/label><\/div>\n <\/div>\n\n <div class=\"question\"><h2>9. Mik\u00e4 on suurin taitosi?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"A\"> A. Tekninen lahjakkuus, suunnittelu ja keksinn\u00f6t. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"B\"> B. Kyky rauhoitella muita ja yll\u00e4pit\u00e4\u00e4 eleganssia. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"C\"> C. Kyky kest\u00e4\u00e4 kipua ja jatkaa eteenp\u00e4in. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"D\"> D. Karisma ja kyky saada muut tekem\u00e4\u00e4n, mit\u00e4 haluat. <\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q9\" value=\"E\"> E. Syv\u00e4 empaattisuus ja kyky n\u00e4hd\u00e4 vaara. <\/label><\/div>\n <\/div>\n \n <div class=\"question\"><h2>10. Miten suhtaudut auktoriteettiin (esim. poliisit, esimiehet)?<\/h2>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"A\"> A. Olet itse auktoriteetti. He ovat vain nappeja shakissa.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"B\"> B. Kunnioitan heit\u00e4, mutta en luota heihin t\u00e4ysin.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"C\"> C. Teen vain sen, mit\u00e4 minun on teht\u00e4v\u00e4 p\u00e4\u00e4st\u00e4kseni eroon heist\u00e4.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"D\"> D. Voin flirttailla tai manipuloida heit\u00e4, jos tarve vaatii.<\/label><\/div>\n <div class=\"option\"><label><input type=\"radio\" name=\"q10\" value=\"E\"> E. Pelk\u00e4\u00e4n heit\u00e4 ja teen kaiken, mit\u00e4 he pyyt\u00e4v\u00e4t.<\/label><\/div>\n <\/div>\n\n <\/div>\n \n <button type=\"button\" id=\"submit-button\" onclick=\"calculateResults()\">Laske tulos!<\/button>\n\n <div id=\"result-box\">\n <h3>\ud83c\udf89 Tulos:<\/h3>\n \n <div id=\"counts\">\n <div class=\"count-item\">William (A): <span id=\"count-A\">0<\/span><\/div>\n <div class=\"count-item\">Mrs. Afton (B): <span id=\"count-B\">0<\/span><\/div>\n <div class=\"count-item\">Michael (C): <span id=\"count-C\">0<\/span><\/div>\n <div class=\"count-item\">Elizabeth (D): <span id=\"count-D\">0<\/span><\/div>\n <div class=\"count-item\">Crying Child (E): <span id=\"count-E\">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 function calculateResults() {\n \/\/ Hahmot: A=William, B=Mrs. Afton, C=Michael, D=Elizabeth, E=Crying Child\n const questions = ['q1', 'q2', 'q3', 'q4', 'q5', 'q6', 'q7', 'q8', 'q9', 'q10'];\n const counts = { 'A': 0, 'B': 0, 'C': 0, 'D': 0, 'E': 0 };\n let allAnswered = true;\n\n \/\/ Ker\u00e4\u00e4 vastaukset ja laske pisteet\n questions.forEach(qName => {\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 kymmeneen kysymykseen n\u00e4hd\u00e4ksesi tuloksen!\");\n document.getElementById('result-box').style.display = 'none';\n return;\n }\n\n \/\/ T\u00c4M\u00c4 OSA ON KORJATTU\n \/\/ 1. P\u00e4ivitet\u00e4\u00e4n lasketut pisteet n\u00e4yt\u00f6lle\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 document.getElementById('count-E').textContent = counts['E'];\n\n\n \/\/ 2. Etsi eniten saatu kirjain\n let maxCount = -1;\n let resultKey = '';\n \n const keys = ['A', 'B', 'C', 'D', 'E'];\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 = 'A: William Afton (The Creator \/ Purple Guy)';\n description = 'Olet **William Afton**. Olet pakkomielteinen, manipuloiva ja eritt\u00e4in \u00e4lyk\u00e4s. Etsit kuolemattomuutta ja yrit\u00e4t hallita ymp\u00e4rist\u00f6\u00e4si t\u00e4ydellisesti. Sinulle tiede ja omat projektit ovat t\u00e4rke\u00e4mpi\u00e4 kuin kenenk\u00e4\u00e4n tunteet.';\n break;\n case 'B':\n name = 'B: Mrs. Afton (The Dancer \/ Ballora)';\n description = 'Olet **Mrs. Afton**. Olet ollut todenn\u00e4k\u00f6isesti perheen emotionaalinen ankkuri, tyylik\u00e4s ja kaunis. Piilotat surun ja menetyksen taiteelliseen ilmaisuun, ja yrit\u00e4t ep\u00e4toivoisesti s\u00e4ilytt\u00e4\u00e4 jotain ehj\u00e4\u00e4 kaaoksen keskell\u00e4.';\n break;\n case 'C':\n name = 'C: Michael Afton (The Survivor \/ Mike Schmidt)';\n description = 'Olet **Michael Afton**. Olet sitke\u00e4, v\u00e4synyt ja m\u00e4\u00e4r\u00e4tietoinen. Koet syv\u00e4\u00e4 syyllisyytt\u00e4 menneist\u00e4 virheist\u00e4si, mutta pakotat itsesi jatkamaan is\u00e4si sotkun siivoamista, maksoi mit\u00e4 maksoi. Et luovuta koskaan.';\n break;\n case 'D':\n name = 'D: Elizabeth Afton (The Curious \/ Circus Baby)';\n description = 'Olet **Elizabeth Afton**. Olet utelias, vilkas ja etsit huomiota. Sinulla on voimakas tarve saada se, mit\u00e4 haluat, etk\u00e4 v\u00e4lit\u00e4 kielloista. Lapsenomainen tarpeesi huomioon voi johtaa sinut vaarallisiin tilanteisiin.';\n break;\n case 'E':\n name = 'E: Crying Child (The Victim \/ Evan)';\n description = 'Olet **Crying Child**. Olet herkk\u00e4, pelokas ja tunnet olosi turvattomaksi. Luotat muihin saadaksesi suojan, ja olet syv\u00e4sti empaattinen. Pelk\u00e4\u00e4t kaikkea, erityisesti isoja pahoja asioita (ja isovelje\u00e4si).';\n break;\n default:\n name = 'Tulos tuntematon';\n description = 'Laskennassa tapahtui virhe. Varmista, ett\u00e4 vastasit kaikkiin kysymyksiin.';\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 Afton Family -hahmo olet? (Korjattu) \ud83d\udd2a Mik\u00e4 Afton Family -hahmo olet? Valitse 10 kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto. 1. Mik\u00e4 on suhtautumisesi s\u00e4\u00e4nt\u00f6ihin ja kieltoihin? A. Rikkon niit\u00e4 tieteellisen kokeen nimiss\u00e4. S\u00e4\u00e4nn\u00f6t ovat tylsi\u00e4. B. Olen joustava, jos ne uhkaavat perhett\u00e4 tai kauneutta. C. Yrit\u00e4n noudattaa niit\u00e4, mutta olen utelias ja kyseenalaistan ne. D. […]<\/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-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/79","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=79"}],"version-history":[{"count":4,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/media?parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<br /> <b>Notice</b>: ob_end_flush(): Failed to send buffer of zlib output compression (1) in <b>/home/ntslcosm/public_html/wp-includes/functions.php</b> on line <b>5481</b><br /> <br /> <b>Notice</b>: ob_end_flush(): Failed to send buffer of zlib output compression (1) in <b>/home/ntslcosm/public_html/wp-includes/functions.php</b> on line <b>5481</b><br />