\ud83d\udd2e Jujutsu Kaisen Quiz – Mobile Optimized<\/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=Creepster&family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Roboto', sans-serif;\n background: linear-gradient(135deg, #1a0129, #2d1b4e, #1a0129);\n background-attachment: fixed;\n min-height: 100vh;\n overflow-x: hidden;\n }\n \n .title-font {\n font-family: 'Creepster', cursive;\n }\n \n .quiz-container {\n max-width: 100vw;\n margin: 0;\n min-height: 100vh;\n box-shadow: 0 0 30px rgba(138, 43, 226, 0.3);\n }\n \n .option {\n transition: all 0.3s ease;\n border: 2px solid transparent;\n min-height: 50px;\n display: flex;\n align-items: center;\n }\n \n .option:hover {\n transform: translateY(-2px);\n border: 2px solid #8b5cf6;\n box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);\n }\n \n .correct {\n background: linear-gradient(135deg, #10b981, #059669);\n border: 2px solid #047857;\n color: white;\n }\n \n .incorrect {\n background: linear-gradient(135deg, #ef4444, #dc2626);\n border: 2px solid #b91c1c;\n color: white;\n }\n \n .disabled {\n pointer-events: none;\n }\n \n .easy { color: #10b981; }\n .medium { color: #f59e0b; }\n .hard { color: #ef4444; }\n \n .cursed-orb {\n width: 35px;\n height: 35px;\n background: radial-gradient(circle at 30% 30%, #8b5cf6, #4c1d95);\n border-radius: 50%;\n position: relative;\n display: inline-block;\n box-shadow: 0 0 20px rgba(139, 92, 246, 0.6);\n }\n \n .cursed-orb::before {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.3), transparent 50%);\n }\n \n .cursed-energy {\n font-size: 8px;\n position: absolute;\n color: #a855f7;\n animation: pulse 2s infinite;\n }\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n \n .floating {\n animation: float 3s ease-in-out infinite;\n }\n \n .progress-bar {\n transition: width 0.5s ease;\n }\n \n .mobile-compact {\n padding: 1rem;\n }\n \n .mobile-text {\n font-size: 0.9rem;\n }\n \n .mobile-title {\n font-size: 2rem;\n }\n \n .mobile-question {\n font-size: 1.1rem;\n }\n \n @media (max-width: 768px) {\n .quiz-container {\n border-radius: 0;\n }\n \n .mobile-compact {\n padding: 0.75rem;\n }\n \n .mobile-title {\n font-size: 1.75rem;\n }\n \n .mobile-question {\n font-size: 1rem;\n }\n \n .mobile-text {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body class=\"flex items-center justify-center min-h-screen\">\n <div id=\"confetti\" class=\"fixed inset-0 pointer-events-none z-50\"><\/div>\n \n <div class=\"quiz-container bg-gray-900 text-white overflow-hidden w-full\">\n \n <div id=\"start-screen\" class=\"mobile-compact text-center min-h-screen flex flex-col justify-center\">\n <div class=\"flex justify-center items-center mb-6\">\n <div class=\"cursed-orb floating mr-3\">\n <span class=\"cursed-energy\" style=\"top: 12px; left: 12px;\">\u26a1<\/span>\n <\/div>\n <h1 class=\"title-font mobile-title text-purple-400 mb-0\">Jujutsu Kaisen Quiz<\/h1>\n <div class=\"cursed-orb floating ml-3\">\n <span class=\"cursed-energy\" style=\"top: 12px; left: 12px;\">\ud83d\udd2e<\/span>\n <\/div>\n <\/div>\n <p class=\"mobile-text mb-8 text-purple-200\">Test your knowledge of sorcerers and cursed techniques!<\/p>\n <div class=\"flex justify-center\">\n <button id=\"start-btn\" class=\"bg-gradient-to-r from-purple-600 to-purple-800 hover:from-purple-700 hover:to-purple-900 text-white font-bold py-3 px-6 rounded-full mobile-text transition-all duration-300 shadow-lg\">\n Start Quiz <i class=\"fas fa-magic 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-gradient-to-r from-purple-600 to-indigo-600 h-2 progress-bar\" id=\"progress-bar\"><\/div>\n <div class=\"mobile-compact flex-1 flex flex-col\">\n <div class=\"flex justify-between items-center mb-4\">\n <p class=\"mobile-text\"><span id=\"current-question\">1<\/span> of 10<\/p>\n <p class=\"mobile-text\">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-purple-100 leading-tight\"><\/h2>\n \n <div id=\"options-container\" class=\"grid grid-cols-1 gap-3 mb-4 flex-1\">\n \n <\/div>\n \n <div id=\"feedback\" class=\"p-3 rounded-lg text-center hidden mb-4 mobile-text\"><\/div>\n \n <div class=\"text-center\">\n <button id=\"next-btn\" class=\"bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full hidden mobile-text\">\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 py-2 px-4 rounded-full hidden mobile-text\">\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=\"mobile-compact text-center hidden min-h-screen flex flex-col justify-center\">\n <h1 class=\"title-font mobile-title text-purple-400 mb-6\">Quiz Results<\/h1>\n \n <div class=\"mb-6\">\n <p class=\"text-xl mb-3\">Your Score: <span id=\"final-score\" class=\"font-bold text-purple-300\">0<\/span> out of 100<\/p>\n <div class=\"h-3 relative mx-auto rounded-full overflow-hidden bg-gray-700 max-w-xs\">\n <div id=\"results-bar\" class=\"h-full bg-gradient-to-r from-purple-500 to-indigo-500 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=\"text-lg mb-3 font-bold\">Your Performance<\/h2>\n <div class=\"grid grid-cols-3 gap-2 text-sm\">\n <div class=\"bg-green-800 p-3 rounded-lg\">\n <p><i class=\"fas fa-check-circle text-green-400 mr-1\"><\/i><span id=\"correct-count\">0<\/span> \u2713<\/p>\n <\/div>\n <div class=\"bg-red-800 p-3 rounded-lg\">\n <p><i class=\"fas fa-times-circle text-red-400 mr-1\"><\/i><span id=\"incorrect-count\">0<\/span> \u2717<\/p>\n <\/div>\n <div class=\"bg-blue-800 p-3 rounded-lg\">\n <p><i class=\"fas fa-percentage text-blue-400 mr-1\"><\/i><span id=\"percentage\">0<\/span>%<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <button id=\"restart-btn\" class=\"bg-gradient-to-r from-purple-600 to-purple-800 hover:from-purple-700 hover:to-purple-900 text-white font-bold py-3 px-6 rounded-full mobile-text transition-all 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 the cursed object that Yuji Itadori swallows?\",\n options: [\"Sukuna's Heart\", \"Sukuna's Finger\", \"Sukuna's Eye\", \"Sukuna's Tooth\"],\n correct: 1,\n difficulty: \"Easy\",\n supplement: \"Sukuna's fingers are special grade cursed objects containing immense power. There are 20 fingers total, and Yuji becomes Sukuna's vessel after swallowing the first one to save his friends.\"\n },\n {\n question: \"Who is Yuji Itadori's homeroom teacher at Tokyo Jujutsu High?\",\n options: [\"Satoru Gojo\", \"Kento Nanami\", \"Suguru Geto\", \"Masamichi Yaga\"],\n correct: 0,\n difficulty: \"Easy\",\n supplement: \"Despite his playful personality, Gojo is actually a teacher at Tokyo Jujutsu High and serves as the mentor for first-year students including Yuji, Megumi, and Nobara.\"\n },\n {\n question: \"What is Megumi Fushiguro's cursed technique called?\",\n options: [\"Cursed Speech\", \"Ten Shadows Technique\", \"Straw Doll Technique\", \"Blood Manipulation\"],\n correct: 1,\n difficulty: \"Medium\",\n supplement: \"The Ten Shadows Technique allows Megumi to summon and control up to ten different shikigami (spirit familiars) using shadows as a medium. His most famous shikigami include Divine Dogs and Nue.\"\n },\n {\n question: \"What weapon does Nobara Kugisaki primarily use in battle?\",\n options: [\"Katana\", \"Bow and Arrow\", \"Hammer and Nails\", \"Staff\"],\n correct: 2,\n difficulty: \"Easy\",\n supplement: \"Nobara uses a hammer and nails as her weapons, combined with her Straw Doll Technique. She can channel cursed energy through the nails to attack enemies directly or through voodoo-like connections.\"\n },\n {\n question: \"What is the name of the event where first and second-year students compete?\",\n options: [\"Shibuya Incident\", \"Kyoto Sister School Exchange Event\", \"Culling Game\", \"Night Parade of a Hundred Demons\"],\n correct: 1,\n difficulty: \"Medium\",\n supplement: \"This annual event involves students from Tokyo and Kyoto Jujutsu High schools competing in various challenges. It's meant to foster relationships between the schools and test students' abilities.\"\n },\n {\n question: \"Who is known as the 'King of Curses'?\",\n options: [\"Mahito\", \"Jogo\", \"Ryomen Sukuna\", \"Hanami\"],\n correct: 2,\n difficulty: \"Easy\",\n supplement: \"Sukuna is an ancient curse from the Heian period, considered the strongest curse in history. He was originally a human sorcerer who became a curse after death, and his power was so immense that his body was preserved as 20 indestructible fingers.\"\n },\n {\n question: \"What is Satoru Gojo's domain expansion called?\",\n options: [\"Malevolent Shrine\", \"Infinite Void\", \"Self-Embodiment of Perfection\", \"Coffin of the Iron Mountain\"],\n correct: 1,\n difficulty: \"Hard\",\n supplement: \"Gojo's domain expansion creates a space where opponents are overwhelmed with infinite information, leaving them unable to act. It's considered one of the most powerful domain expansions due to its guaranteed hit effect.\"\n },\n {\n question: \"What grade is Yuji Itadori classified as when he first enters Jujutsu High?\",\n options: [\"Grade 1\", \"Grade 2\", \"Grade 3\", \"Grade 4\"],\n correct: 3,\n difficulty: \"Medium\",\n supplement: \"Despite housing Sukuna, Yuji starts as a Grade 4 sorcerer, the lowest rank. However, his physical abilities and rapid growth quickly make him much stronger than his official grade suggests.\"\n },\n {\n question: \"What is the name of Maki Zenin's cursed tool?\",\n options: [\"Playful Cloud\", \"Slaughter Demon\", \"Dragon-Bone\", \"Split Soul Katana\"],\n correct: 0,\n difficulty: \"Hard\",\n supplement: \"Playful Cloud is a three-section staff that's considered a special grade cursed tool. It's particularly effective for Maki since her lack of cursed energy actually makes her physically stronger and more compatible with cursed tools.\"\n },\n {\n question: \"In the Shibuya Incident, how many fingers does Sukuna consume to reach his awakened state?\",\n options: [\"10 fingers\", \"15 fingers\", \"20 fingers\", \"5 fingers\"],\n correct: 1,\n difficulty: \"Hard\",\n supplement: \"During the Shibuya Incident, Sukuna reaches 15 fingers total (including the ones Yuji had already consumed), which gives him enough power to temporarily take control and cause massive destruction in Shibuya.\"\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 \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', 'p-3', 'rounded-lg', 'bg-gray-800', 'hover:bg-gray-700', 'cursor-pointer', 'transition-all', 'mobile-text');\n optionDiv.innerHTML = `\n <div class=\"flex items-start\">\n <span class=\"text-purple-400 font-bold mr-2 flex-shrink-0\">${String.fromCharCode(65 + index)}.<\/span>\n <span class=\"flex-1\">${option}<\/span>\n <\/div>\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.innerHTML = `<strong>Correct! \ud83c\udf89<\/strong><br><small>${quizData[currentQuestion].supplement}<\/small>`;\n feedback.classList.remove('hidden', 'bg-red-900', 'text-red-200');\n feedback.classList.add('bg-green-900', 'text-green-200');\n correctAnswers++;\n } else {\n options[optionIndex].classList.add('incorrect');\n options[correct].classList.add('correct');\n feedback.innerHTML = `<strong>Wrong!<\/strong> The correct answer is ${String.fromCharCode(65 + correct)}.<br><small>${quizData[currentQuestion].supplement}<\/small>`;\n feedback.classList.remove('hidden', 'bg-green-900', 'text-green-200');\n feedback.classList.add('bg-red-900', 'text-red-200');\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-purple-400\">Amazing! You're a Jujutsu Sorcerer Master! \ud83d\udd2e<\/p><p class=\"text-sm mt-2\">Your knowledge of cursed techniques is truly impressive. Even Gojo would be proud!<\/p>`;\n showConfetti();\n } else if (score >= 70) {\n resultMessage.innerHTML = `<p class=\"font-bold text-blue-400\">Great Job! Special Grade Level! \u26a1<\/p><p class=\"text-sm mt-2\">You have excellent knowledge of Jujutsu Kaisen. Just a bit more training and you'll reach mastery!<\/p>`;\n } else if (score >= 50) {\n resultMessage.innerHTML = `<p class=\"font-bold text-yellow-400\">Good Effort! First Grade Sorcerer! \ud83e\udd4b<\/p><p class=\"text-sm mt-2\">You know the basics about Jujutsu Kaisen. Keep studying to improve your knowledge!<\/p>`;\n } else {\n resultMessage.innerHTML = `<p class=\"font-bold text-red-400\">Needs Improvement! Keep Training! \ud83d\udd04<\/p><p class=\"text-sm mt-2\">Even Yuji 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 colors: ['#8b5cf6', '#a855f7', '#c084fc', '#ddd6fe']\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd2e Jujutsu Kaisen Quiz – Mobile Optimized \u26a1 Jujutsu Kaisen Quiz \ud83d\udd2e Test your knowledge of sorcerers and cursed techniques! Start Quiz 1 of 10 Score: 0 Next Finish Quiz Results Your Score: 0 out of 100 Your Performance 0 \u2713 0 \u2717 0% Try Again<\/p>\n","protected":false},"author":1,"featured_media":55,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5,7],"tags":[],"class_list":["post-54","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-jujutsu-kaisen"],"jetpack_featured_media_url":"https:\/\/www.newwealth.shop\/a\/wp-content\/uploads\/2025\/06\/Lets-Try-Anime-Quiz-1-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/54","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=54"}],"version-history":[{"count":1,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/54\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/54\/revisions\/56"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/media\/55"}],"wp:attachment":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=54"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":54,"date":"2025-06-15T12:11:23","date_gmt":"2025-06-15T03:11:23","guid":{"rendered":"https:\/\/www.newwealth.shop\/a\/?p=54"},"modified":"2025-06-15T12:17:46","modified_gmt":"2025-06-15T03:17:46","slug":"jujutsu-kaisen-quiz","status":"publish","type":"post","link":"https:\/\/www.newwealth.shop\/a\/?p=54","title":{"rendered":"JUJUTSU KAISEN QUIZ"},"content":{"rendered":"\n\n\n\n \n \n \ud83d\udd2e Jujutsu Kaisen Quiz – Mobile Optimized<\/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=Creepster&family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Roboto', sans-serif;\n background: linear-gradient(135deg, #1a0129, #2d1b4e, #1a0129);\n background-attachment: fixed;\n min-height: 100vh;\n overflow-x: hidden;\n }\n \n .title-font {\n font-family: 'Creepster', cursive;\n }\n \n .quiz-container {\n max-width: 100vw;\n margin: 0;\n min-height: 100vh;\n box-shadow: 0 0 30px rgba(138, 43, 226, 0.3);\n }\n \n .option {\n transition: all 0.3s ease;\n border: 2px solid transparent;\n min-height: 50px;\n display: flex;\n align-items: center;\n }\n \n .option:hover {\n transform: translateY(-2px);\n border: 2px solid #8b5cf6;\n box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);\n }\n \n .correct {\n background: linear-gradient(135deg, #10b981, #059669);\n border: 2px solid #047857;\n color: white;\n }\n \n .incorrect {\n background: linear-gradient(135deg, #ef4444, #dc2626);\n border: 2px solid #b91c1c;\n color: white;\n }\n \n .disabled {\n pointer-events: none;\n }\n \n .easy { color: #10b981; }\n .medium { color: #f59e0b; }\n .hard { color: #ef4444; }\n \n .cursed-orb {\n width: 35px;\n height: 35px;\n background: radial-gradient(circle at 30% 30%, #8b5cf6, #4c1d95);\n border-radius: 50%;\n position: relative;\n display: inline-block;\n box-shadow: 0 0 20px rgba(139, 92, 246, 0.6);\n }\n \n .cursed-orb::before {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.3), transparent 50%);\n }\n \n .cursed-energy {\n font-size: 8px;\n position: absolute;\n color: #a855f7;\n animation: pulse 2s infinite;\n }\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n \n .floating {\n animation: float 3s ease-in-out infinite;\n }\n \n .progress-bar {\n transition: width 0.5s ease;\n }\n \n .mobile-compact {\n padding: 1rem;\n }\n \n .mobile-text {\n font-size: 0.9rem;\n }\n \n .mobile-title {\n font-size: 2rem;\n }\n \n .mobile-question {\n font-size: 1.1rem;\n }\n \n @media (max-width: 768px) {\n .quiz-container {\n border-radius: 0;\n }\n \n .mobile-compact {\n padding: 0.75rem;\n }\n \n .mobile-title {\n font-size: 1.75rem;\n }\n \n .mobile-question {\n font-size: 1rem;\n }\n \n .mobile-text {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body class=\"flex items-center justify-center min-h-screen\">\n <div id=\"confetti\" class=\"fixed inset-0 pointer-events-none z-50\"><\/div>\n \n <div class=\"quiz-container bg-gray-900 text-white overflow-hidden w-full\">\n \n <div id=\"start-screen\" class=\"mobile-compact text-center min-h-screen flex flex-col justify-center\">\n <div class=\"flex justify-center items-center mb-6\">\n <div class=\"cursed-orb floating mr-3\">\n <span class=\"cursed-energy\" style=\"top: 12px; left: 12px;\">\u26a1<\/span>\n <\/div>\n <h1 class=\"title-font mobile-title text-purple-400 mb-0\">Jujutsu Kaisen Quiz<\/h1>\n <div class=\"cursed-orb floating ml-3\">\n <span class=\"cursed-energy\" style=\"top: 12px; left: 12px;\">\ud83d\udd2e<\/span>\n <\/div>\n <\/div>\n <p class=\"mobile-text mb-8 text-purple-200\">Test your knowledge of sorcerers and cursed techniques!<\/p>\n <div class=\"flex justify-center\">\n <button id=\"start-btn\" class=\"bg-gradient-to-r from-purple-600 to-purple-800 hover:from-purple-700 hover:to-purple-900 text-white font-bold py-3 px-6 rounded-full mobile-text transition-all duration-300 shadow-lg\">\n Start Quiz <i class=\"fas fa-magic 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-gradient-to-r from-purple-600 to-indigo-600 h-2 progress-bar\" id=\"progress-bar\"><\/div>\n <div class=\"mobile-compact flex-1 flex flex-col\">\n <div class=\"flex justify-between items-center mb-4\">\n <p class=\"mobile-text\"><span id=\"current-question\">1<\/span> of 10<\/p>\n <p class=\"mobile-text\">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-purple-100 leading-tight\"><\/h2>\n \n <div id=\"options-container\" class=\"grid grid-cols-1 gap-3 mb-4 flex-1\">\n \n <\/div>\n \n <div id=\"feedback\" class=\"p-3 rounded-lg text-center hidden mb-4 mobile-text\"><\/div>\n \n <div class=\"text-center\">\n <button id=\"next-btn\" class=\"bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full hidden mobile-text\">\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 py-2 px-4 rounded-full hidden mobile-text\">\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=\"mobile-compact text-center hidden min-h-screen flex flex-col justify-center\">\n <h1 class=\"title-font mobile-title text-purple-400 mb-6\">Quiz Results<\/h1>\n \n <div class=\"mb-6\">\n <p class=\"text-xl mb-3\">Your Score: <span id=\"final-score\" class=\"font-bold text-purple-300\">0<\/span> out of 100<\/p>\n <div class=\"h-3 relative mx-auto rounded-full overflow-hidden bg-gray-700 max-w-xs\">\n <div id=\"results-bar\" class=\"h-full bg-gradient-to-r from-purple-500 to-indigo-500 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=\"text-lg mb-3 font-bold\">Your Performance<\/h2>\n <div class=\"grid grid-cols-3 gap-2 text-sm\">\n <div class=\"bg-green-800 p-3 rounded-lg\">\n <p><i class=\"fas fa-check-circle text-green-400 mr-1\"><\/i><span id=\"correct-count\">0<\/span> \u2713<\/p>\n <\/div>\n <div class=\"bg-red-800 p-3 rounded-lg\">\n <p><i class=\"fas fa-times-circle text-red-400 mr-1\"><\/i><span id=\"incorrect-count\">0<\/span> \u2717<\/p>\n <\/div>\n <div class=\"bg-blue-800 p-3 rounded-lg\">\n <p><i class=\"fas fa-percentage text-blue-400 mr-1\"><\/i><span id=\"percentage\">0<\/span>%<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <button id=\"restart-btn\" class=\"bg-gradient-to-r from-purple-600 to-purple-800 hover:from-purple-700 hover:to-purple-900 text-white font-bold py-3 px-6 rounded-full mobile-text transition-all 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 the cursed object that Yuji Itadori swallows?\",\n options: [\"Sukuna's Heart\", \"Sukuna's Finger\", \"Sukuna's Eye\", \"Sukuna's Tooth\"],\n correct: 1,\n difficulty: \"Easy\",\n supplement: \"Sukuna's fingers are special grade cursed objects containing immense power. There are 20 fingers total, and Yuji becomes Sukuna's vessel after swallowing the first one to save his friends.\"\n },\n {\n question: \"Who is Yuji Itadori's homeroom teacher at Tokyo Jujutsu High?\",\n options: [\"Satoru Gojo\", \"Kento Nanami\", \"Suguru Geto\", \"Masamichi Yaga\"],\n correct: 0,\n difficulty: \"Easy\",\n supplement: \"Despite his playful personality, Gojo is actually a teacher at Tokyo Jujutsu High and serves as the mentor for first-year students including Yuji, Megumi, and Nobara.\"\n },\n {\n question: \"What is Megumi Fushiguro's cursed technique called?\",\n options: [\"Cursed Speech\", \"Ten Shadows Technique\", \"Straw Doll Technique\", \"Blood Manipulation\"],\n correct: 1,\n difficulty: \"Medium\",\n supplement: \"The Ten Shadows Technique allows Megumi to summon and control up to ten different shikigami (spirit familiars) using shadows as a medium. His most famous shikigami include Divine Dogs and Nue.\"\n },\n {\n question: \"What weapon does Nobara Kugisaki primarily use in battle?\",\n options: [\"Katana\", \"Bow and Arrow\", \"Hammer and Nails\", \"Staff\"],\n correct: 2,\n difficulty: \"Easy\",\n supplement: \"Nobara uses a hammer and nails as her weapons, combined with her Straw Doll Technique. She can channel cursed energy through the nails to attack enemies directly or through voodoo-like connections.\"\n },\n {\n question: \"What is the name of the event where first and second-year students compete?\",\n options: [\"Shibuya Incident\", \"Kyoto Sister School Exchange Event\", \"Culling Game\", \"Night Parade of a Hundred Demons\"],\n correct: 1,\n difficulty: \"Medium\",\n supplement: \"This annual event involves students from Tokyo and Kyoto Jujutsu High schools competing in various challenges. It's meant to foster relationships between the schools and test students' abilities.\"\n },\n {\n question: \"Who is known as the 'King of Curses'?\",\n options: [\"Mahito\", \"Jogo\", \"Ryomen Sukuna\", \"Hanami\"],\n correct: 2,\n difficulty: \"Easy\",\n supplement: \"Sukuna is an ancient curse from the Heian period, considered the strongest curse in history. He was originally a human sorcerer who became a curse after death, and his power was so immense that his body was preserved as 20 indestructible fingers.\"\n },\n {\n question: \"What is Satoru Gojo's domain expansion called?\",\n options: [\"Malevolent Shrine\", \"Infinite Void\", \"Self-Embodiment of Perfection\", \"Coffin of the Iron Mountain\"],\n correct: 1,\n difficulty: \"Hard\",\n supplement: \"Gojo's domain expansion creates a space where opponents are overwhelmed with infinite information, leaving them unable to act. It's considered one of the most powerful domain expansions due to its guaranteed hit effect.\"\n },\n {\n question: \"What grade is Yuji Itadori classified as when he first enters Jujutsu High?\",\n options: [\"Grade 1\", \"Grade 2\", \"Grade 3\", \"Grade 4\"],\n correct: 3,\n difficulty: \"Medium\",\n supplement: \"Despite housing Sukuna, Yuji starts as a Grade 4 sorcerer, the lowest rank. However, his physical abilities and rapid growth quickly make him much stronger than his official grade suggests.\"\n },\n {\n question: \"What is the name of Maki Zenin's cursed tool?\",\n options: [\"Playful Cloud\", \"Slaughter Demon\", \"Dragon-Bone\", \"Split Soul Katana\"],\n correct: 0,\n difficulty: \"Hard\",\n supplement: \"Playful Cloud is a three-section staff that's considered a special grade cursed tool. It's particularly effective for Maki since her lack of cursed energy actually makes her physically stronger and more compatible with cursed tools.\"\n },\n {\n question: \"In the Shibuya Incident, how many fingers does Sukuna consume to reach his awakened state?\",\n options: [\"10 fingers\", \"15 fingers\", \"20 fingers\", \"5 fingers\"],\n correct: 1,\n difficulty: \"Hard\",\n supplement: \"During the Shibuya Incident, Sukuna reaches 15 fingers total (including the ones Yuji had already consumed), which gives him enough power to temporarily take control and cause massive destruction in Shibuya.\"\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 \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', 'p-3', 'rounded-lg', 'bg-gray-800', 'hover:bg-gray-700', 'cursor-pointer', 'transition-all', 'mobile-text');\n optionDiv.innerHTML = `\n <div class=\"flex items-start\">\n <span class=\"text-purple-400 font-bold mr-2 flex-shrink-0\">${String.fromCharCode(65 + index)}.<\/span>\n <span class=\"flex-1\">${option}<\/span>\n <\/div>\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.innerHTML = `<strong>Correct! \ud83c\udf89<\/strong><br><small>${quizData[currentQuestion].supplement}<\/small>`;\n feedback.classList.remove('hidden', 'bg-red-900', 'text-red-200');\n feedback.classList.add('bg-green-900', 'text-green-200');\n correctAnswers++;\n } else {\n options[optionIndex].classList.add('incorrect');\n options[correct].classList.add('correct');\n feedback.innerHTML = `<strong>Wrong!<\/strong> The correct answer is ${String.fromCharCode(65 + correct)}.<br><small>${quizData[currentQuestion].supplement}<\/small>`;\n feedback.classList.remove('hidden', 'bg-green-900', 'text-green-200');\n feedback.classList.add('bg-red-900', 'text-red-200');\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-purple-400\">Amazing! You're a Jujutsu Sorcerer Master! \ud83d\udd2e<\/p><p class=\"text-sm mt-2\">Your knowledge of cursed techniques is truly impressive. Even Gojo would be proud!<\/p>`;\n showConfetti();\n } else if (score >= 70) {\n resultMessage.innerHTML = `<p class=\"font-bold text-blue-400\">Great Job! Special Grade Level! \u26a1<\/p><p class=\"text-sm mt-2\">You have excellent knowledge of Jujutsu Kaisen. Just a bit more training and you'll reach mastery!<\/p>`;\n } else if (score >= 50) {\n resultMessage.innerHTML = `<p class=\"font-bold text-yellow-400\">Good Effort! First Grade Sorcerer! \ud83e\udd4b<\/p><p class=\"text-sm mt-2\">You know the basics about Jujutsu Kaisen. Keep studying to improve your knowledge!<\/p>`;\n } else {\n resultMessage.innerHTML = `<p class=\"font-bold text-red-400\">Needs Improvement! Keep Training! \ud83d\udd04<\/p><p class=\"text-sm mt-2\">Even Yuji 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 colors: ['#8b5cf6', '#a855f7', '#c084fc', '#ddd6fe']\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd2e Jujutsu Kaisen Quiz – Mobile Optimized \u26a1 Jujutsu Kaisen Quiz \ud83d\udd2e Test your knowledge of sorcerers and cursed techniques! Start Quiz 1 of 10 Score: 0 Next Finish Quiz Results Your Score: 0 out of 100 Your Performance 0 \u2713 0 \u2717 0% Try Again<\/p>\n","protected":false},"author":1,"featured_media":55,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5,7],"tags":[],"class_list":["post-54","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-jujutsu-kaisen"],"jetpack_featured_media_url":"https:\/\/www.newwealth.shop\/a\/wp-content\/uploads\/2025\/06\/Lets-Try-Anime-Quiz-1-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/54","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=54"}],"version-history":[{"count":1,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/54\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/54\/revisions\/56"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/media\/55"}],"wp:attachment":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=54"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}