Attack on Titan: Eren Yeager Quiz – Mobile<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Roboto', sans-serif;\n background-color: #2d3a2e;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30C13.431 60 0 46.569 0 30 0 13.431 13.431 0 30 0zM15 25a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm30 0a5 5 0 1 1 0 10 5 5 0 0 1 0-10z' fill='%23654321' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n min-height: 100vh;\n overflow-x: hidden;\n }\n \n .title-font {\n font-family: 'Bangers', cursive;\n }\n \n .quiz-container {\n max-width: 100%;\n margin: 0;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);\n min-height: 100vh;\n }\n \n .option {\n transition: all 0.2s ease;\n border: 2px solid transparent;\n font-size: 0.9rem;\n padding: 12px;\n margin: 6px 0;\n min-height: 48px;\n display: flex;\n align-items: center;\n }\n \n @media (max-width: 640px) {\n .option {\n font-size: 0.85rem;\n padding: 10px;\n min-height: 44px;\n }\n }\n \n .option:hover, .option:active {\n transform: translateY(-1px);\n border: 2px solid #8b4513;\n background-color: #f5f5dc;\n }\n \n .correct {\n background-color: #90ee90 !important;\n border: 2px solid #228b22 !important;\n }\n \n .incorrect {\n background-color: #ffb6c1 !important;\n border: 2px solid #dc143c !important;\n }\n \n .disabled {\n pointer-events: none;\n }\n \n .easy { color: #228b22; }\n .medium { color: #daa520; }\n .hard { color: #dc143c; }\n \n .wall-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(45deg, #8b4513, #a0522d);\n border-radius: 2px;\n position: relative;\n display: inline-block;\n margin: 0 4px;\n }\n \n .wall-icon::before {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 2px;\n background: #654321;\n top: 50%;\n transform: translateY(-50%);\n }\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n .floating {\n animation: float 2s ease-in-out infinite;\n }\n \n .progress-bar {\n transition: width 0.4s ease;\n }\n \n .mobile-text {\n font-size: 1rem;\n line-height: 1.3;\n }\n \n .mobile-title {\n font-size: 2rem;\n }\n \n .mobile-question {\n font-size: 1.1rem;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .mobile-text { font-size: 0.9rem; }\n .mobile-title { font-size: 1.75rem; }\n .mobile-question { font-size: 1rem; }\n .quiz-container { border-radius: 0; }\n body { padding: 0; }\n }\n \n .compact-padding {\n padding: 16px;\n }\n \n @media (max-width: 640px) {\n .compact-padding { padding: 12px; }\n }\n \n .btn-mobile {\n padding: 12px 24px;\n font-size: 1rem;\n min-height: 48px;\n }\n \n @media (max-width: 640px) {\n .btn-mobile {\n padding: 10px 20px;\n font-size: 0.9rem;\n min-height: 44px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"confetti\" class=\"fixed inset-0 pointer-events-none z-50\"><\/div>\n \n <div class=\"quiz-container bg-gray-100 overflow-hidden\">\n \n <div id=\"start-screen\" class=\"compact-padding text-center bg-gradient-to-b from-green-800 to-green-900 text-white min-h-screen flex flex-col justify-center\">\n <div class=\"flex justify-center items-center mb-4\">\n <div class=\"wall-icon floating mr-2\"><\/div>\n <h1 class=\"title-font mobile-title text-yellow-300\">Attack on Titan<\/h1>\n <div class=\"wall-icon floating ml-2\"><\/div>\n <\/div>\n <h2 class=\"mobile-text font-bold mb-3 text-yellow-200\">Eren Yeager Quiz<\/h2>\n <p class=\"mobile-text mb-6 text-gray-300\">Test your knowledge about Eren with 10 questions!<\/p>\n <div class=\"flex justify-center\">\n <button id=\"start-btn\" class=\"bg-red-700 hover:bg-red-800 text-white font-bold btn-mobile rounded-full transition-colors duration-300\">\n Start Quiz <i class=\"fas fa-sword ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"quiz-screen\" class=\"hidden min-h-screen flex flex-col\">\n <div class=\"bg-red-700 h-1 progress-bar\" id=\"progress-bar\"><\/div>\n <div class=\"compact-padding flex-grow bg-gray-100\">\n <div class=\"flex justify-between items-center mb-4\">\n <p class=\"mobile-text font-medium\"><span id=\"current-question\">1<\/span> of 10<\/p>\n <p class=\"mobile-text font-medium\">Score: <span id=\"score\">0<\/span><\/p>\n <\/div>\n \n <div id=\"difficulty-indicator\" class=\"mb-3 text-right font-bold mobile-text\"><\/div>\n <h2 id=\"question-text\" class=\"mobile-question font-bold mb-4 text-gray-800\"><\/h2>\n \n <div id=\"options-container\" class=\"space-y-2\">\n \n <\/div>\n \n <div id=\"feedback\" class=\"mt-4 p-3 rounded-lg text-center hidden mobile-text\"><\/div>\n \n <div class=\"mt-6 text-center fixed bottom-4 left-0 right-0 px-4\">\n <button id=\"next-btn\" class=\"bg-blue-600 hover:bg-blue-700 text-white font-bold btn-mobile rounded-full hidden mr-2\">\n Next <i class=\"fas fa-arrow-right ml-1\"><\/i>\n <\/button>\n <button id=\"finish-btn\" class=\"bg-green-600 hover:bg-green-700 text-white font-bold btn-mobile rounded-full hidden\">\n Finish <i class=\"fas fa-check ml-1\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"results-screen\" class=\"compact-padding text-center hidden min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 flex flex-col justify-center\">\n <h1 class=\"title-font mobile-title text-red-700 mb-4\">Quiz Results<\/h1>\n \n <div class=\"mb-4\">\n <p class=\"mobile-text font-bold mb-2\">Your Score: <span id=\"final-score\" class=\"text-red-700\">0<\/span> out of 100<\/p>\n <div class=\"h-3 relative max-w-xs mx-auto rounded-full overflow-hidden bg-gray-300\">\n <div id=\"results-bar\" class=\"h-full bg-red-700 transition-all duration-1000\"><\/div>\n <\/div>\n <\/div>\n \n <div id=\"result-message\" class=\"mb-6 mobile-text\"><\/div>\n \n <div class=\"mb-6\">\n <h2 class=\"mobile-text mb-3 font-bold\">Your Performance<\/h2>\n <div class=\"grid grid-cols-3 gap-2\">\n <div class=\"bg-green-100 p-2 rounded-lg\">\n <p class=\"text-sm\"><i class=\"fas fa-check-circle text-green-600 mr-1\"><\/i> <span id=\"correct-count\">0<\/span> Correct<\/p>\n <\/div>\n <div class=\"bg-red-100 p-2 rounded-lg\">\n <p class=\"text-sm\"><i class=\"fas fa-times-circle text-red-600 mr-1\"><\/i> <span id=\"incorrect-count\">0<\/span> Incorrect<\/p>\n <\/div>\n <div class=\"bg-blue-100 p-2 rounded-lg\">\n <p class=\"text-sm\"><i class=\"fas fa-percentage text-blue-600 mr-1\"><\/i> <span id=\"percentage\">0<\/span>% Accuracy<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <button id=\"restart-btn\" class=\"bg-red-700 hover:bg-red-800 text-white font-bold btn-mobile rounded-full transition-colors duration-300\">\n Try Again <i class=\"fas fa-redo ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js\"><\/script>\n <script>\n const quizData = [\n {\n question: \"What is the name of Eren's Titan form?\",\n options: [\"Armored Titan\", \"Attack Titan\", \"Beast Titan\", \"Female Titan\"],\n correct: 1,\n difficulty: \"Easy\",\n supplement: \"Eren possesses the Attack Titan, which has the unique ability to see memories of future inheritors. This Titan form is 15 meters tall and known for its fierce combat abilities.\"\n },\n {\n question: \"What is Eren's hometown that was attacked by Titans?\",\n options: [\"Shiganshina District\", \"Trost District\", \"Stohess District\", \"Karanes District\"],\n correct: 0,\n difficulty: \"Easy\",\n supplement: \"Shiganshina District is located in the southern part of Wall Maria. This is where the Colossal Titan first appeared and breached the wall, leading to Eren's mother's death.\"\n },\n {\n question: \"What is Eren's father's name and profession?\",\n options: [\"Keith Shadis - Instructor\", \"Grisha Yeager - Doctor\", \"Rod Reiss - Nobleman\", \"Hannes - Soldier\"],\n correct: 1,\n difficulty: \"Easy\",\n supplement: \"Grisha Yeager was a doctor who came from Marley. He possessed the Attack Titan before Eren and injected Eren with the Titan serum, passing on his power.\"\n },\n {\n question: \"What important truth was revealed in Grisha's basement?\",\n options: [\"Location of more Titans\", \"Secret to killing Titans\", \"Existence of outside world\", \"How to build weapons\"],\n correct: 2,\n difficulty: \"Medium\",\n supplement: \"The basement contained documents revealing that humanity exists beyond the walls, and that Eldians are descendants of Ymir who can transform into Titans.\"\n },\n {\n question: \"What is Eren's primary driving force?\",\n options: [\"Protecting friends\", \"Freedom & eliminating Titans\", \"Becoming strongest\", \"Finding his father\"],\n correct: 1,\n difficulty: \"Medium\",\n supplement: \"Eren's obsession with freedom is his core characteristic. His desire to break free from the cage-like existence within the walls drives him throughout the series.\"\n },\n {\n question: \"What special power does Eren possess related to other Titans?\",\n options: [\"Create new Titans\", \"Control Pure Titans\", \"Heal other people\", \"Fly in the air\"],\n correct: 1,\n difficulty: \"Medium\",\n supplement: \"Eren possesses the Founding Titan power, also known as the Coordinate. This allows him to control other Titans, though he initially couldn't use it properly.\"\n },\n {\n question: \"Which military branch does Eren join after graduation?\",\n options: [\"Military Police\", \"Garrison Regiment\", \"Survey Corps\", \"Training Corps\"],\n correct: 2,\n difficulty: \"Easy\",\n supplement: \"Despite initially wanting to join the Military Police, Eren chooses the Survey Corps to fight Titans outside the walls and explore the outside world.\"\n },\n {\n question: \"What unique ability does Eren's Attack Titan possess?\",\n options: [\"Hardening skin\", \"Seeing past\/future memories\", \"Extreme speed\", \"Steam attacks\"],\n correct: 1,\n difficulty: \"Hard\",\n supplement: \"The Attack Titan can see the memories of its previous and future inheritors. This ability allows Eren to influence past events and understand future outcomes.\"\n },\n {\n question: \"What is Mikasa Ackerman's relationship to Eren?\",\n options: [\"Biological sister\", \"His cousin\", \"Adopted sister\/friend\", \"His girlfriend\"],\n correct: 2,\n difficulty: \"Easy\",\n supplement: \"Mikasa was taken in by the Yeager family after her parents were murdered. She became Eren's adopted sister and developed strong protective feelings toward him.\"\n },\n {\n question: \"What is 'The Rumbling' that Eren initiates?\",\n options: [\"Massive earthquake\", \"Releasing Wall Titans\", \"Sound controlling Titans\", \"New Titan form\"],\n correct: 1,\n difficulty: \"Hard\",\n supplement: \"The Rumbling involves releasing millions of Colossal Titans from the walls to march across the world and destroy all life outside Paradis Island.\"\n }\n ];\n\n let currentQuestion = 0;\n let score = 0;\n let answered = false;\n let correctAnswers = 0;\n let incorrectAnswers = 0;\n\n \/\/ DOM Elements\n const startScreen = document.getElementById('start-screen');\n const quizScreen = document.getElementById('quiz-screen');\n const resultsScreen = document.getElementById('results-screen');\n const startBtn = document.getElementById('start-btn');\n const questionNumber = document.getElementById('current-question');\n const questionText = document.getElementById('question-text');\n const optionsContainer = document.getElementById('options-container');\n const difficultyIndicator = document.getElementById('difficulty-indicator');\n const scoreElement = document.getElementById('score');\n const feedback = document.getElementById('feedback');\n const nextBtn = document.getElementById('next-btn');\n const finishBtn = document.getElementById('finish-btn');\n const finalScore = document.getElementById('final-score');\n const restartBtn = document.getElementById('restart-btn');\n const resultsBar = document.getElementById('results-bar');\n const correctCount = document.getElementById('correct-count');\n const incorrectCount = document.getElementById('incorrect-count');\n const percentageElement = document.getElementById('percentage');\n const resultMessage = document.getElementById('result-message');\n const progressBar = document.getElementById('progress-bar');\n\n \/\/ Event Listeners\n startBtn.addEventListener('click', startQuiz);\n nextBtn.addEventListener('click', nextQuestion);\n finishBtn.addEventListener('click', showResults);\n restartBtn.addEventListener('click', restartQuiz);\n\n \/\/ Functions\n function startQuiz() {\n startScreen.classList.add('hidden');\n quizScreen.classList.remove('hidden');\n loadQuestion();\n updateProgressBar();\n }\n\n function loadQuestion() {\n const question = quizData[currentQuestion];\n \n \/\/ Reset state\n answered = false;\n questionNumber.textContent = currentQuestion + 1;\n questionText.textContent = question.question;\n feedback.classList.add('hidden');\n nextBtn.classList.add('hidden');\n finishBtn.classList.add('hidden');\n\n \/\/ Set difficulty indicator\n difficultyIndicator.textContent = `Difficulty: `;\n let difficultySpan = document.createElement('span');\n difficultySpan.textContent = question.difficulty;\n if (question.difficulty.includes('Easy')) {\n difficultySpan.classList.add('easy');\n } else if (question.difficulty.includes('Medium')) {\n difficultySpan.classList.add('medium');\n } else {\n difficultySpan.classList.add('hard');\n }\n difficultyIndicator.appendChild(difficultySpan);\n\n \/\/ Clear previous options\n optionsContainer.innerHTML = '';\n\n \/\/ Add new options\n question.options.forEach((option, index) => {\n const optionDiv = document.createElement('div');\n optionDiv.classList.add('option', 'rounded-lg', 'bg-white', 'cursor-pointer', 'border', 'border-gray-300');\n optionDiv.innerHTML = `\n <span class=\"font-bold mr-2 text-red-700\">${String.fromCharCode(65 + index)}.<\/span>\n <span class=\"flex-1\">${option}<\/span>\n `;\n optionDiv.addEventListener('click', () => selectOption(index));\n optionsContainer.appendChild(optionDiv);\n });\n }\n\n function selectOption(optionIndex) {\n if (answered) return;\n\n answered = true;\n const correct = quizData[currentQuestion].correct;\n const options = optionsContainer.childNodes;\n\n \/\/ Disable all options\n options.forEach(option => option.classList.add('disabled'));\n\n \/\/ Mark selected option\n if (optionIndex === correct) {\n options[optionIndex].classList.add('correct');\n score += 10;\n scoreElement.textContent = score;\n feedback.textContent = \"Correct! \ud83c\udf89 \" + quizData[currentQuestion].supplement;\n feedback.classList.remove('hidden', 'bg-red-100', 'text-red-800');\n feedback.classList.add('bg-green-100', 'text-green-800');\n correctAnswers++;\n } else {\n options[optionIndex].classList.add('incorrect');\n options[correct].classList.add('correct');\n feedback.textContent = \"Wrong! The correct answer is \" + String.fromCharCode(65 + correct) + \". \" + quizData[currentQuestion].supplement;\n feedback.classList.remove('hidden', 'bg-green-100', 'text-green-800');\n feedback.classList.add('bg-red-100', 'text-red-800');\n incorrectAnswers++;\n }\n\n feedback.classList.remove('hidden');\n\n \/\/ Show next button or finish button\n if (currentQuestion < quizData.length - 1) {\n nextBtn.classList.remove('hidden');\n } else {\n finishBtn.classList.remove('hidden');\n }\n }\n\n function nextQuestion() {\n currentQuestion++;\n loadQuestion();\n updateProgressBar();\n }\n\n function updateProgressBar() {\n const progress = ((currentQuestion + 1) \/ quizData.length) * 100;\n progressBar.style.width = `${progress}%`;\n }\n\n function showResults() {\n quizScreen.classList.add('hidden');\n resultsScreen.classList.remove('hidden');\n\n finalScore.textContent = score;\n resultsBar.style.width = `${score}%`;\n correctCount.textContent = correctAnswers;\n incorrectCount.textContent = incorrectAnswers;\n const percentage = Math.round((correctAnswers \/ quizData.length) * 100);\n percentageElement.textContent = percentage;\n\n \/\/ Set result message based on score\n if (score >= 90) {\n resultMessage.innerHTML = `<p class=\"font-bold text-green-600\">Amazing! You're an Attack on Titan Expert! \ud83c\udfc6<\/p>\n <p class=\"mt-2\">Your knowledge of Eren is truly impressive. Even Commander Erwin would be proud!<\/p>`;\n showConfetti();\n } else if (score >= 70) {\n resultMessage.innerHTML = `<p class=\"font-bold text-blue-600\">Great Job! Survey Corps Level! \u2694\ufe0f<\/p>\n <p class=\"mt-2\">You have excellent knowledge of Attack on Titan. Just a bit more and you'll reach mastery!<\/p>`;\n } else if (score >= 50) {\n resultMessage.innerHTML = `<p class=\"font-bold text-yellow-600\">Good Effort! Cadet in Training! \ud83c\udf96\ufe0f<\/p>\n <p class=\"mt-2\">You know the basics about Eren. Keep watching to improve your knowledge!<\/p>`;\n } else {\n resultMessage.innerHTML = `<p class=\"font-bold text-red-600\">Needs Improvement! Keep Fighting! \ud83d\udcaa<\/p>\n <p class=\"mt-2\">Even Eren started somewhere! Rewatch the series and try again!<\/p>`;\n }\n }\n\n function restartQuiz() {\n currentQuestion = 0;\n score = 0;\n correctAnswers = 0;\n incorrectAnswers = 0;\n scoreElement.textContent = score;\n resultsScreen.classList.add('hidden');\n startScreen.classList.remove('hidden');\n }\n\n function showConfetti() {\n confetti({\n particleCount: 100,\n spread: 70,\n origin: { y: 0.6 }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<a href=\"https:\/\/amzn.to\/4kyJWlu\" target=\"_blank\" rel=\"noopener noreferrer\">\n Watch Dragon Ball\u3000\u3000\u3000\u3000<a href=\"https:\/\/www.amazon.com\/gp\/video\/search?phrase=Naruto&k=Naruto&linkCode=ll2&tag=shinyukosan-20&linkId=75c1a42e2d32f36edc9324567c26fcbc&language=en_US&ref_=as_li_ss_tl\" target=\"_blank\" rel=\"noopener noreferrer\">\n Watch Naruto\u3000\u3000\u3000\u3000\n<\/a>\u3000\n<a href=\"https:\/\/amzn.to\/3Hexo4x\"_blank\" rel=\"noopener noreferrer\">\n Watch One Peice\u3000\u3000\u3000\u3000\u3000\u3000\n<\/a>\n<a href=\"https:\/\/amzn.to\/3FuTbV1\" target=\"_blank\" rel=\"noopener noreferrer\">\n Watch Blue Lock\n<\/a>\n","protected":false},"excerpt":{"rendered":"<p>Eren Yeager Quiz Attack on Titan: Eren Yeager Quiz – Mobile Attack on Titan Eren Yeager Quiz Test your knowledge about Eren with 10 questions! Start Quiz 1 of 10 Score: 0 Next Finish Quiz Results Your Score: 0 out of 100 Your Performance 0 Correct 0 Incorrect 0% Accuracy Try Again Watch Dragon Ball\u3000\u3000\u3000\u3000 […]<\/p>\n","protected":false},"author":1,"featured_media":51,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-50","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-attack-on-titan"],"jetpack_featured_media_url":"https:\/\/www.newwealth.shop\/a\/wp-content\/uploads\/2025\/06\/Lets-Try-Anime-Quiz-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":2,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions\/53"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/media\/51"}],"wp:attachment":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":50,"date":"2025-06-15T11:37:19","date_gmt":"2025-06-15T02:37:19","guid":{"rendered":"https:\/\/www.newwealth.shop\/a\/?p=50"},"modified":"2025-06-15T11:38:33","modified_gmt":"2025-06-15T02:38:33","slug":"attack-on-titan","status":"publish","type":"post","link":"https:\/\/www.newwealth.shop\/a\/?p=50","title":{"rendered":"Attack on Titan"},"content":{"rendered":"\n

Eren Yeager Quiz<\/em><\/strong><\/p>\n\n\n\n\n\n\n \n \n Attack on Titan: Eren Yeager Quiz – Mobile<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Roboto', sans-serif;\n background-color: #2d3a2e;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30C13.431 60 0 46.569 0 30 0 13.431 13.431 0 30 0zM15 25a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm30 0a5 5 0 1 1 0 10 5 5 0 0 1 0-10z' fill='%23654321' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n min-height: 100vh;\n overflow-x: hidden;\n }\n \n .title-font {\n font-family: 'Bangers', cursive;\n }\n \n .quiz-container {\n max-width: 100%;\n margin: 0;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);\n min-height: 100vh;\n }\n \n .option {\n transition: all 0.2s ease;\n border: 2px solid transparent;\n font-size: 0.9rem;\n padding: 12px;\n margin: 6px 0;\n min-height: 48px;\n display: flex;\n align-items: center;\n }\n \n @media (max-width: 640px) {\n .option {\n font-size: 0.85rem;\n padding: 10px;\n min-height: 44px;\n }\n }\n \n .option:hover, .option:active {\n transform: translateY(-1px);\n border: 2px solid #8b4513;\n background-color: #f5f5dc;\n }\n \n .correct {\n background-color: #90ee90 !important;\n border: 2px solid #228b22 !important;\n }\n \n .incorrect {\n background-color: #ffb6c1 !important;\n border: 2px solid #dc143c !important;\n }\n \n .disabled {\n pointer-events: none;\n }\n \n .easy { color: #228b22; }\n .medium { color: #daa520; }\n .hard { color: #dc143c; }\n \n .wall-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(45deg, #8b4513, #a0522d);\n border-radius: 2px;\n position: relative;\n display: inline-block;\n margin: 0 4px;\n }\n \n .wall-icon::before {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 2px;\n background: #654321;\n top: 50%;\n transform: translateY(-50%);\n }\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n .floating {\n animation: float 2s ease-in-out infinite;\n }\n \n .progress-bar {\n transition: width 0.4s ease;\n }\n \n .mobile-text {\n font-size: 1rem;\n line-height: 1.3;\n }\n \n .mobile-title {\n font-size: 2rem;\n }\n \n .mobile-question {\n font-size: 1.1rem;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .mobile-text { font-size: 0.9rem; }\n .mobile-title { font-size: 1.75rem; }\n .mobile-question { font-size: 1rem; }\n .quiz-container { border-radius: 0; }\n body { padding: 0; }\n }\n \n .compact-padding {\n padding: 16px;\n }\n \n @media (max-width: 640px) {\n .compact-padding { padding: 12px; }\n }\n \n .btn-mobile {\n padding: 12px 24px;\n font-size: 1rem;\n min-height: 48px;\n }\n \n @media (max-width: 640px) {\n .btn-mobile {\n padding: 10px 20px;\n font-size: 0.9rem;\n min-height: 44px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"confetti\" class=\"fixed inset-0 pointer-events-none z-50\"><\/div>\n \n <div class=\"quiz-container bg-gray-100 overflow-hidden\">\n \n <div id=\"start-screen\" class=\"compact-padding text-center bg-gradient-to-b from-green-800 to-green-900 text-white min-h-screen flex flex-col justify-center\">\n <div class=\"flex justify-center items-center mb-4\">\n <div class=\"wall-icon floating mr-2\"><\/div>\n <h1 class=\"title-font mobile-title text-yellow-300\">Attack on Titan<\/h1>\n <div class=\"wall-icon floating ml-2\"><\/div>\n <\/div>\n <h2 class=\"mobile-text font-bold mb-3 text-yellow-200\">Eren Yeager Quiz<\/h2>\n <p class=\"mobile-text mb-6 text-gray-300\">Test your knowledge about Eren with 10 questions!<\/p>\n <div class=\"flex justify-center\">\n <button id=\"start-btn\" class=\"bg-red-700 hover:bg-red-800 text-white font-bold btn-mobile rounded-full transition-colors duration-300\">\n Start Quiz <i class=\"fas fa-sword ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"quiz-screen\" class=\"hidden min-h-screen flex flex-col\">\n <div class=\"bg-red-700 h-1 progress-bar\" id=\"progress-bar\"><\/div>\n <div class=\"compact-padding flex-grow bg-gray-100\">\n <div class=\"flex justify-between items-center mb-4\">\n <p class=\"mobile-text font-medium\"><span id=\"current-question\">1<\/span> of 10<\/p>\n <p class=\"mobile-text font-medium\">Score: <span id=\"score\">0<\/span><\/p>\n <\/div>\n \n <div id=\"difficulty-indicator\" class=\"mb-3 text-right font-bold mobile-text\"><\/div>\n <h2 id=\"question-text\" class=\"mobile-question font-bold mb-4 text-gray-800\"><\/h2>\n \n <div id=\"options-container\" class=\"space-y-2\">\n \n <\/div>\n \n <div id=\"feedback\" class=\"mt-4 p-3 rounded-lg text-center hidden mobile-text\"><\/div>\n \n <div class=\"mt-6 text-center fixed bottom-4 left-0 right-0 px-4\">\n <button id=\"next-btn\" class=\"bg-blue-600 hover:bg-blue-700 text-white font-bold btn-mobile rounded-full hidden mr-2\">\n Next <i class=\"fas fa-arrow-right ml-1\"><\/i>\n <\/button>\n <button id=\"finish-btn\" class=\"bg-green-600 hover:bg-green-700 text-white font-bold btn-mobile rounded-full hidden\">\n Finish <i class=\"fas fa-check ml-1\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"results-screen\" class=\"compact-padding text-center hidden min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 flex flex-col justify-center\">\n <h1 class=\"title-font mobile-title text-red-700 mb-4\">Quiz Results<\/h1>\n \n <div class=\"mb-4\">\n <p class=\"mobile-text font-bold mb-2\">Your Score: <span id=\"final-score\" class=\"text-red-700\">0<\/span> out of 100<\/p>\n <div class=\"h-3 relative max-w-xs mx-auto rounded-full overflow-hidden bg-gray-300\">\n <div id=\"results-bar\" class=\"h-full bg-red-700 transition-all duration-1000\"><\/div>\n <\/div>\n <\/div>\n \n <div id=\"result-message\" class=\"mb-6 mobile-text\"><\/div>\n \n <div class=\"mb-6\">\n <h2 class=\"mobile-text mb-3 font-bold\">Your Performance<\/h2>\n <div class=\"grid grid-cols-3 gap-2\">\n <div class=\"bg-green-100 p-2 rounded-lg\">\n <p class=\"text-sm\"><i class=\"fas fa-check-circle text-green-600 mr-1\"><\/i> <span id=\"correct-count\">0<\/span> Correct<\/p>\n <\/div>\n <div class=\"bg-red-100 p-2 rounded-lg\">\n <p class=\"text-sm\"><i class=\"fas fa-times-circle text-red-600 mr-1\"><\/i> <span id=\"incorrect-count\">0<\/span> Incorrect<\/p>\n <\/div>\n <div class=\"bg-blue-100 p-2 rounded-lg\">\n <p class=\"text-sm\"><i class=\"fas fa-percentage text-blue-600 mr-1\"><\/i> <span id=\"percentage\">0<\/span>% Accuracy<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <button id=\"restart-btn\" class=\"bg-red-700 hover:bg-red-800 text-white font-bold btn-mobile rounded-full transition-colors duration-300\">\n Try Again <i class=\"fas fa-redo ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js\"><\/script>\n <script>\n const quizData = [\n {\n question: \"What is the name of Eren's Titan form?\",\n options: [\"Armored Titan\", \"Attack Titan\", \"Beast Titan\", \"Female Titan\"],\n correct: 1,\n difficulty: \"Easy\",\n supplement: \"Eren possesses the Attack Titan, which has the unique ability to see memories of future inheritors. This Titan form is 15 meters tall and known for its fierce combat abilities.\"\n },\n {\n question: \"What is Eren's hometown that was attacked by Titans?\",\n options: [\"Shiganshina District\", \"Trost District\", \"Stohess District\", \"Karanes District\"],\n correct: 0,\n difficulty: \"Easy\",\n supplement: \"Shiganshina District is located in the southern part of Wall Maria. This is where the Colossal Titan first appeared and breached the wall, leading to Eren's mother's death.\"\n },\n {\n question: \"What is Eren's father's name and profession?\",\n options: [\"Keith Shadis - Instructor\", \"Grisha Yeager - Doctor\", \"Rod Reiss - Nobleman\", \"Hannes - Soldier\"],\n correct: 1,\n difficulty: \"Easy\",\n supplement: \"Grisha Yeager was a doctor who came from Marley. He possessed the Attack Titan before Eren and injected Eren with the Titan serum, passing on his power.\"\n },\n {\n question: \"What important truth was revealed in Grisha's basement?\",\n options: [\"Location of more Titans\", \"Secret to killing Titans\", \"Existence of outside world\", \"How to build weapons\"],\n correct: 2,\n difficulty: \"Medium\",\n supplement: \"The basement contained documents revealing that humanity exists beyond the walls, and that Eldians are descendants of Ymir who can transform into Titans.\"\n },\n {\n question: \"What is Eren's primary driving force?\",\n options: [\"Protecting friends\", \"Freedom & eliminating Titans\", \"Becoming strongest\", \"Finding his father\"],\n correct: 1,\n difficulty: \"Medium\",\n supplement: \"Eren's obsession with freedom is his core characteristic. His desire to break free from the cage-like existence within the walls drives him throughout the series.\"\n },\n {\n question: \"What special power does Eren possess related to other Titans?\",\n options: [\"Create new Titans\", \"Control Pure Titans\", \"Heal other people\", \"Fly in the air\"],\n correct: 1,\n difficulty: \"Medium\",\n supplement: \"Eren possesses the Founding Titan power, also known as the Coordinate. This allows him to control other Titans, though he initially couldn't use it properly.\"\n },\n {\n question: \"Which military branch does Eren join after graduation?\",\n options: [\"Military Police\", \"Garrison Regiment\", \"Survey Corps\", \"Training Corps\"],\n correct: 2,\n difficulty: \"Easy\",\n supplement: \"Despite initially wanting to join the Military Police, Eren chooses the Survey Corps to fight Titans outside the walls and explore the outside world.\"\n },\n {\n question: \"What unique ability does Eren's Attack Titan possess?\",\n options: [\"Hardening skin\", \"Seeing past\/future memories\", \"Extreme speed\", \"Steam attacks\"],\n correct: 1,\n difficulty: \"Hard\",\n supplement: \"The Attack Titan can see the memories of its previous and future inheritors. This ability allows Eren to influence past events and understand future outcomes.\"\n },\n {\n question: \"What is Mikasa Ackerman's relationship to Eren?\",\n options: [\"Biological sister\", \"His cousin\", \"Adopted sister\/friend\", \"His girlfriend\"],\n correct: 2,\n difficulty: \"Easy\",\n supplement: \"Mikasa was taken in by the Yeager family after her parents were murdered. She became Eren's adopted sister and developed strong protective feelings toward him.\"\n },\n {\n question: \"What is 'The Rumbling' that Eren initiates?\",\n options: [\"Massive earthquake\", \"Releasing Wall Titans\", \"Sound controlling Titans\", \"New Titan form\"],\n correct: 1,\n difficulty: \"Hard\",\n supplement: \"The Rumbling involves releasing millions of Colossal Titans from the walls to march across the world and destroy all life outside Paradis Island.\"\n }\n ];\n\n let currentQuestion = 0;\n let score = 0;\n let answered = false;\n let correctAnswers = 0;\n let incorrectAnswers = 0;\n\n \/\/ DOM Elements\n const startScreen = document.getElementById('start-screen');\n const quizScreen = document.getElementById('quiz-screen');\n const resultsScreen = document.getElementById('results-screen');\n const startBtn = document.getElementById('start-btn');\n const questionNumber = document.getElementById('current-question');\n const questionText = document.getElementById('question-text');\n const optionsContainer = document.getElementById('options-container');\n const difficultyIndicator = document.getElementById('difficulty-indicator');\n const scoreElement = document.getElementById('score');\n const feedback = document.getElementById('feedback');\n const nextBtn = document.getElementById('next-btn');\n const finishBtn = document.getElementById('finish-btn');\n const finalScore = document.getElementById('final-score');\n const restartBtn = document.getElementById('restart-btn');\n const resultsBar = document.getElementById('results-bar');\n const correctCount = document.getElementById('correct-count');\n const incorrectCount = document.getElementById('incorrect-count');\n const percentageElement = document.getElementById('percentage');\n const resultMessage = document.getElementById('result-message');\n const progressBar = document.getElementById('progress-bar');\n\n \/\/ Event Listeners\n startBtn.addEventListener('click', startQuiz);\n nextBtn.addEventListener('click', nextQuestion);\n finishBtn.addEventListener('click', showResults);\n restartBtn.addEventListener('click', restartQuiz);\n\n \/\/ Functions\n function startQuiz() {\n startScreen.classList.add('hidden');\n quizScreen.classList.remove('hidden');\n loadQuestion();\n updateProgressBar();\n }\n\n function loadQuestion() {\n const question = quizData[currentQuestion];\n \n \/\/ Reset state\n answered = false;\n questionNumber.textContent = currentQuestion + 1;\n questionText.textContent = question.question;\n feedback.classList.add('hidden');\n nextBtn.classList.add('hidden');\n finishBtn.classList.add('hidden');\n\n \/\/ Set difficulty indicator\n difficultyIndicator.textContent = `Difficulty: `;\n let difficultySpan = document.createElement('span');\n difficultySpan.textContent = question.difficulty;\n if (question.difficulty.includes('Easy')) {\n difficultySpan.classList.add('easy');\n } else if (question.difficulty.includes('Medium')) {\n difficultySpan.classList.add('medium');\n } else {\n difficultySpan.classList.add('hard');\n }\n difficultyIndicator.appendChild(difficultySpan);\n\n \/\/ Clear previous options\n optionsContainer.innerHTML = '';\n\n \/\/ Add new options\n question.options.forEach((option, index) => {\n const optionDiv = document.createElement('div');\n optionDiv.classList.add('option', 'rounded-lg', 'bg-white', 'cursor-pointer', 'border', 'border-gray-300');\n optionDiv.innerHTML = `\n <span class=\"font-bold mr-2 text-red-700\">${String.fromCharCode(65 + index)}.<\/span>\n <span class=\"flex-1\">${option}<\/span>\n `;\n optionDiv.addEventListener('click', () => selectOption(index));\n optionsContainer.appendChild(optionDiv);\n });\n }\n\n function selectOption(optionIndex) {\n if (answered) return;\n\n answered = true;\n const correct = quizData[currentQuestion].correct;\n const options = optionsContainer.childNodes;\n\n \/\/ Disable all options\n options.forEach(option => option.classList.add('disabled'));\n\n \/\/ Mark selected option\n if (optionIndex === correct) {\n options[optionIndex].classList.add('correct');\n score += 10;\n scoreElement.textContent = score;\n feedback.textContent = \"Correct! \ud83c\udf89 \" + quizData[currentQuestion].supplement;\n feedback.classList.remove('hidden', 'bg-red-100', 'text-red-800');\n feedback.classList.add('bg-green-100', 'text-green-800');\n correctAnswers++;\n } else {\n options[optionIndex].classList.add('incorrect');\n options[correct].classList.add('correct');\n feedback.textContent = \"Wrong! The correct answer is \" + String.fromCharCode(65 + correct) + \". \" + quizData[currentQuestion].supplement;\n feedback.classList.remove('hidden', 'bg-green-100', 'text-green-800');\n feedback.classList.add('bg-red-100', 'text-red-800');\n incorrectAnswers++;\n }\n\n feedback.classList.remove('hidden');\n\n \/\/ Show next button or finish button\n if (currentQuestion < quizData.length - 1) {\n nextBtn.classList.remove('hidden');\n } else {\n finishBtn.classList.remove('hidden');\n }\n }\n\n function nextQuestion() {\n currentQuestion++;\n loadQuestion();\n updateProgressBar();\n }\n\n function updateProgressBar() {\n const progress = ((currentQuestion + 1) \/ quizData.length) * 100;\n progressBar.style.width = `${progress}%`;\n }\n\n function showResults() {\n quizScreen.classList.add('hidden');\n resultsScreen.classList.remove('hidden');\n\n finalScore.textContent = score;\n resultsBar.style.width = `${score}%`;\n correctCount.textContent = correctAnswers;\n incorrectCount.textContent = incorrectAnswers;\n const percentage = Math.round((correctAnswers \/ quizData.length) * 100);\n percentageElement.textContent = percentage;\n\n \/\/ Set result message based on score\n if (score >= 90) {\n resultMessage.innerHTML = `<p class=\"font-bold text-green-600\">Amazing! You're an Attack on Titan Expert! \ud83c\udfc6<\/p>\n <p class=\"mt-2\">Your knowledge of Eren is truly impressive. Even Commander Erwin would be proud!<\/p>`;\n showConfetti();\n } else if (score >= 70) {\n resultMessage.innerHTML = `<p class=\"font-bold text-blue-600\">Great Job! Survey Corps Level! \u2694\ufe0f<\/p>\n <p class=\"mt-2\">You have excellent knowledge of Attack on Titan. Just a bit more and you'll reach mastery!<\/p>`;\n } else if (score >= 50) {\n resultMessage.innerHTML = `<p class=\"font-bold text-yellow-600\">Good Effort! Cadet in Training! \ud83c\udf96\ufe0f<\/p>\n <p class=\"mt-2\">You know the basics about Eren. Keep watching to improve your knowledge!<\/p>`;\n } else {\n resultMessage.innerHTML = `<p class=\"font-bold text-red-600\">Needs Improvement! Keep Fighting! \ud83d\udcaa<\/p>\n <p class=\"mt-2\">Even Eren started somewhere! Rewatch the series and try again!<\/p>`;\n }\n }\n\n function restartQuiz() {\n currentQuestion = 0;\n score = 0;\n correctAnswers = 0;\n incorrectAnswers = 0;\n scoreElement.textContent = score;\n resultsScreen.classList.add('hidden');\n startScreen.classList.remove('hidden');\n }\n\n function showConfetti() {\n confetti({\n particleCount: 100,\n spread: 70,\n origin: { y: 0.6 }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<a href=\"https:\/\/amzn.to\/4kyJWlu\" target=\"_blank\" rel=\"noopener noreferrer\">\n Watch Dragon Ball\u3000\u3000\u3000\u3000<a href=\"https:\/\/www.amazon.com\/gp\/video\/search?phrase=Naruto&k=Naruto&linkCode=ll2&tag=shinyukosan-20&linkId=75c1a42e2d32f36edc9324567c26fcbc&language=en_US&ref_=as_li_ss_tl\" target=\"_blank\" rel=\"noopener noreferrer\">\n Watch Naruto\u3000\u3000\u3000\u3000\n<\/a>\u3000\n<a href=\"https:\/\/amzn.to\/3Hexo4x\"_blank\" rel=\"noopener noreferrer\">\n Watch One Peice\u3000\u3000\u3000\u3000\u3000\u3000\n<\/a>\n<a href=\"https:\/\/amzn.to\/3FuTbV1\" target=\"_blank\" rel=\"noopener noreferrer\">\n Watch Blue Lock\n<\/a>\n","protected":false},"excerpt":{"rendered":"<p>Eren Yeager Quiz Attack on Titan: Eren Yeager Quiz – Mobile Attack on Titan Eren Yeager Quiz Test your knowledge about Eren with 10 questions! Start Quiz 1 of 10 Score: 0 Next Finish Quiz Results Your Score: 0 out of 100 Your Performance 0 Correct 0 Incorrect 0% Accuracy Try Again Watch Dragon Ball\u3000\u3000\u3000\u3000 […]<\/p>\n","protected":false},"author":1,"featured_media":51,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-50","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-attack-on-titan"],"jetpack_featured_media_url":"https:\/\/www.newwealth.shop\/a\/wp-content\/uploads\/2025\/06\/Lets-Try-Anime-Quiz-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":2,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions\/53"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/media\/51"}],"wp:attachment":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}