Ultimate Dragon Ball Quiz – Test Your Knowledge About Goku<\/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: #f0f8ff;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C92AC' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n }\n .title-font {\n font-family: 'Bangers', cursive;\n }\n .quiz-container {\n max-width: 800px;\n margin: 0 auto;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n }\n .option {\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n .option:hover {\n transform: translateY(-3px);\n border: 2px solid #4299e1;\n }\n .correct {\n background-color: #c6f6d5;\n border: 2px solid #48bb78;\n }\n .incorrect {\n background-color: #fed7d7;\n border: 2px solid #f56565;\n }\n .disabled {\n pointer-events: none;\n }\n .easy {\n color: #48bb78;\n }\n .medium {\n color: #ecc94b;\n }\n .hard {\n color: #f56565;\n }\n .dragon-ball {\n width: 40px;\n height: 40px;\n background: radial-gradient(circle at 50% 50%, #ff9500, #ffc107);\n border-radius: 50%;\n position: relative;\n display: inline-block;\n }\n .dragon-ball::before {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-image: radial-gradient(circle at 30% 30%, #fff9, transparent 20%);\n }\n .star {\n font-size: 10px;\n position: absolute;\n color: #b22222;\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n 100% { transform: translateY(0px); }\n }\n .floating {\n animation: float 3s ease-in-out infinite;\n }\n .progress-bar {\n transition: width 0.5s ease;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen py-8\">\n <div id=\"confetti\" class=\"fixed inset-0 pointer-events-none z-50\"><\/div>\n \n <div class=\"quiz-container bg-white rounded-lg overflow-hidden\">\n \n <div id=\"start-screen\" class=\"p-8 text-center\">\n <div class=\"flex justify-center\">\n <div class=\"dragon-ball floating mb-4 mr-4\">\n <span class=\"star\" style=\"top: 15px; left: 15px;\">\u2605<\/span>\n <\/div>\n <h1 class=\"title-font text-5xl text-orange-600 mb-4\">Dragon Ball Quiz<\/h1>\n <div class=\"dragon-ball floating mb-4 ml-4\">\n <span class=\"star\" style=\"top: 15px; left: 15px;\">\u2605<\/span>\n <\/div>\n <\/div>\n <p class=\"text-xl mb-6\">Test your knowledge about Goku with these 10 questions!<\/p>\n <div class=\"flex justify-center\">\n <button id=\"start-btn\" class=\"bg-orange-500 hover:bg-orange-700 text-white font-bold py-3 px-8 rounded-full text-xl transition-colors duration-300\">\n Start Quiz <i class=\"fas fa-dragon ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"quiz-screen\" class=\"hidden\">\n <div class=\"bg-orange-500 h-2 progress-bar\" id=\"progress-bar\"><\/div>\n \n <div class=\"p-8\">\n <div class=\"flex justify-between items-center mb-6\">\n <p class=\"text-lg\"><span id=\"current-question\">1<\/span> of 10<\/p>\n <p class=\"text-lg\">Score: <span id=\"score\">0<\/span><\/p>\n <\/div>\n \n <div id=\"difficulty-indicator\" class=\"mb-4 text-right font-bold\"><\/div>\n \n <h2 id=\"question-text\" class=\"text-2xl font-bold mb-6\"><\/h2>\n \n <div id=\"options-container\" class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n \n <\/div>\n \n <div id=\"feedback\" class=\"mt-6 p-4 rounded-lg text-center hidden\"><\/div>\n \n <div class=\"mt-8 text-center\">\n <button id=\"next-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded-full hidden\">\n Next Question <i class=\"fas fa-arrow-right ml-2\"><\/i>\n <\/button>\n <button id=\"finish-btn\" class=\"bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-6 rounded-full hidden\">\n Finish Quiz <i class=\"fas fa-check ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"results-screen\" class=\"p-8 text-center hidden\">\n <h1 class=\"title-font text-4xl text-orange-600 mb-4\">Quiz Results<\/h1>\n <div class=\"mb-6\">\n <p class=\"text-2xl mb-2\">Your Score: <span id=\"final-score\" class=\"font-bold\">0<\/span> out of 100<\/p>\n <div class=\"h-4 relative max-w-md mx-auto rounded-full overflow-hidden bg-gray-200\">\n <div id=\"results-bar\" class=\"h-full bg-orange-500 transition-all duration-1000\"><\/div>\n <\/div>\n <\/div>\n \n <div id=\"result-message\" class=\"mb-8 text-xl\"><\/div>\n \n <div class=\"mb-6\">\n <h2 class=\"text-2xl mb-4 font-bold\">Your Performance<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <div class=\"bg-green-100 p-4 rounded-lg\">\n <p class=\"text-lg\"><i class=\"fas fa-check-circle text-green-500 mr-2\"><\/i> <span id=\"correct-count\">0<\/span> Correct<\/p>\n <\/div>\n <div class=\"bg-red-100 p-4 rounded-lg\">\n <p class=\"text-lg\"><i class=\"fas fa-times-circle text-red-500 mr-2\"><\/i> <span id=\"incorrect-count\">0<\/span> Incorrect<\/p>\n <\/div>\n <div class=\"bg-blue-100 p-4 rounded-lg\">\n <p class=\"text-lg\"><i class=\"fas fa-percentage text-blue-500 mr-2\"><\/i> <span id=\"percentage\">0<\/span>% Accuracy<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <button id=\"restart-btn\" class=\"bg-orange-500 hover:bg-orange-700 text-white font-bold py-3 px-8 rounded-full text-xl 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 Goku's signature move?\",\n options: [\"Kamehameha\", \"Final Flash\", \"Special Beam Cannon\", \"Death Beam\"],\n correct: 0,\n difficulty: \"Easy\"\n },\n {\n question: \"What is the name of the martial artist who raised Goku?\",\n options: [\"Master Roshi\", \"Master Shen\", \"Grandpa Gohan\", \"Korin\"],\n correct: 2,\n difficulty: \"Easy\"\n },\n {\n question: \"Who was the first person to tell Goku that he is a Saiyan?\",\n options: [\"Vegeta\", \"Nappa\", \"Raditz\", \"Frieza\"],\n correct: 2,\n difficulty: \"Slightly Easy\"\n },\n {\n question: \"What is the name of Goku's wife?\",\n options: [\"Bulma\", \"Videl\", \"Chi-Chi\", \"Pan\"],\n correct: 2,\n difficulty: \"Slightly Easy\"\n },\n {\n question: \"Who was Goku fighting when he first transformed into a Super Saiyan?\",\n options: [\"Cell\", \"Frieza\", \"Majin Buu\", \"Vegeta\"],\n correct: 1,\n difficulty: \"Medium\"\n },\n {\n question: \"Who fought alongside Goku against Raditz on Earth?\",\n options: [\"Krillin\", \"Piccolo\", \"Tien\", \"Yamcha\"],\n correct: 1,\n difficulty: \"Medium\"\n },\n {\n question: \"Who was the first opponent Goku used the Kaio-Ken technique against?\",\n options: [\"Nappa\", \"Vegeta\", \"Captain Ginyu\", \"Recoome\"],\n correct: 1,\n difficulty: \"Slightly Hard\"\n },\n {\n question: \"On which planet did Goku learn the Instant Transmission technique?\",\n options: [\"King Kai's Planet\", \"Namek\", \"Planet Yardrat\", \"Planet Vegeta\"],\n correct: 2,\n difficulty: \"Slightly Hard\"\n },\n {\n question: \"Who was Goku fighting when he first transformed into Super Saiyan 3?\",\n options: [\"Kid Buu\", \"Evil Buu\", \"Good Buu\", \"Vegito\"],\n correct: 1,\n difficulty: \"Hard\"\n },\n {\n question: \"At the end of the original Dragon Ball manga, what is the name of the boy Goku takes with him to train?\",\n options: [\"Uub\", \"Turles\", \"Goten\", \"Pan\"],\n correct: 0,\n difficulty: \"Hard\"\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 \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-4', 'rounded-lg', 'bg-gray-100', 'hover:bg-gray-200', 'cursor-pointer', 'transition-all');\n optionDiv.innerHTML = `\n <div class=\"flex items-start\">\n <span class=\"text-lg font-bold mr-2\">${String.fromCharCode(65 + index)}.<\/span>\n <span>${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.textContent = \"Correct! \ud83c\udf89\";\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) + \".\";\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 \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 a Dragon Ball Master! \ud83c\udfc6<\/p>\n <p>Your knowledge of Goku is truly impressive. Even Master Roshi would be proud!<\/p>`;\n showConfetti();\n } else if (score >= 70) {\n resultMessage.innerHTML = `<p class=\"font-bold text-blue-600\">Great Job! Super Saiyan Level! \ud83d\udcaa<\/p>\n <p>You have excellent knowledge of Dragon Ball. 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-600\">Good Effort! Saiyan in Training! \ud83e\udd4b<\/p>\n <p>You know the basics about Goku. Keep watching Dragon Ball to improve your knowledge!<\/p>`;\n } else {\n resultMessage.innerHTML = `<p class=\"font-bold text-red-600\">Needs Improvement! Keep Training! \ud83d\udd04<\/p>\n <p>Even Krillin 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 \n scoreElement.textContent = score;\n \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>Ultimate Dragon Ball Quiz – Test Your Knowledge About Goku \u2605 Dragon Ball Quiz \u2605 Test your knowledge about Goku with these 10 questions! Start Quiz 1 of 10 Score: 0 Next Question Finish Quiz Quiz Results Your Score: 0 out of 100 Your Performance 0 Correct 0 Incorrect 0% Accuracy Try Again Watch Dragon […]<\/p>\n","protected":false},"author":1,"featured_media":30,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-26","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dragonball"],"jetpack_featured_media_url":"https:\/\/www.newwealth.shop\/a\/wp-content\/uploads\/2025\/05\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-17.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/26","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=26"}],"version-history":[{"count":2,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/26\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/26\/revisions\/29"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/media\/30"}],"wp:attachment":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":26,"date":"2025-05-29T12:38:00","date_gmt":"2025-05-29T03:38:00","guid":{"rendered":"https:\/\/www.newwealth.shop\/a\/?p=26"},"modified":"2025-05-29T12:57:29","modified_gmt":"2025-05-29T03:57:29","slug":"dragonball-challenge-1","status":"publish","type":"post","link":"https:\/\/www.newwealth.shop\/a\/?p=26","title":{"rendered":"DragonBall Challenge 1"},"content":{"rendered":"\n\n\n\n \n \n Ultimate Dragon Ball Quiz – Test Your Knowledge About Goku<\/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: #f0f8ff;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C92AC' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n }\n .title-font {\n font-family: 'Bangers', cursive;\n }\n .quiz-container {\n max-width: 800px;\n margin: 0 auto;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n }\n .option {\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n .option:hover {\n transform: translateY(-3px);\n border: 2px solid #4299e1;\n }\n .correct {\n background-color: #c6f6d5;\n border: 2px solid #48bb78;\n }\n .incorrect {\n background-color: #fed7d7;\n border: 2px solid #f56565;\n }\n .disabled {\n pointer-events: none;\n }\n .easy {\n color: #48bb78;\n }\n .medium {\n color: #ecc94b;\n }\n .hard {\n color: #f56565;\n }\n .dragon-ball {\n width: 40px;\n height: 40px;\n background: radial-gradient(circle at 50% 50%, #ff9500, #ffc107);\n border-radius: 50%;\n position: relative;\n display: inline-block;\n }\n .dragon-ball::before {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-image: radial-gradient(circle at 30% 30%, #fff9, transparent 20%);\n }\n .star {\n font-size: 10px;\n position: absolute;\n color: #b22222;\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n 100% { transform: translateY(0px); }\n }\n .floating {\n animation: float 3s ease-in-out infinite;\n }\n .progress-bar {\n transition: width 0.5s ease;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen py-8\">\n <div id=\"confetti\" class=\"fixed inset-0 pointer-events-none z-50\"><\/div>\n \n <div class=\"quiz-container bg-white rounded-lg overflow-hidden\">\n \n <div id=\"start-screen\" class=\"p-8 text-center\">\n <div class=\"flex justify-center\">\n <div class=\"dragon-ball floating mb-4 mr-4\">\n <span class=\"star\" style=\"top: 15px; left: 15px;\">\u2605<\/span>\n <\/div>\n <h1 class=\"title-font text-5xl text-orange-600 mb-4\">Dragon Ball Quiz<\/h1>\n <div class=\"dragon-ball floating mb-4 ml-4\">\n <span class=\"star\" style=\"top: 15px; left: 15px;\">\u2605<\/span>\n <\/div>\n <\/div>\n <p class=\"text-xl mb-6\">Test your knowledge about Goku with these 10 questions!<\/p>\n <div class=\"flex justify-center\">\n <button id=\"start-btn\" class=\"bg-orange-500 hover:bg-orange-700 text-white font-bold py-3 px-8 rounded-full text-xl transition-colors duration-300\">\n Start Quiz <i class=\"fas fa-dragon ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"quiz-screen\" class=\"hidden\">\n <div class=\"bg-orange-500 h-2 progress-bar\" id=\"progress-bar\"><\/div>\n \n <div class=\"p-8\">\n <div class=\"flex justify-between items-center mb-6\">\n <p class=\"text-lg\"><span id=\"current-question\">1<\/span> of 10<\/p>\n <p class=\"text-lg\">Score: <span id=\"score\">0<\/span><\/p>\n <\/div>\n \n <div id=\"difficulty-indicator\" class=\"mb-4 text-right font-bold\"><\/div>\n \n <h2 id=\"question-text\" class=\"text-2xl font-bold mb-6\"><\/h2>\n \n <div id=\"options-container\" class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n \n <\/div>\n \n <div id=\"feedback\" class=\"mt-6 p-4 rounded-lg text-center hidden\"><\/div>\n \n <div class=\"mt-8 text-center\">\n <button id=\"next-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded-full hidden\">\n Next Question <i class=\"fas fa-arrow-right ml-2\"><\/i>\n <\/button>\n <button id=\"finish-btn\" class=\"bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-6 rounded-full hidden\">\n Finish Quiz <i class=\"fas fa-check ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"results-screen\" class=\"p-8 text-center hidden\">\n <h1 class=\"title-font text-4xl text-orange-600 mb-4\">Quiz Results<\/h1>\n <div class=\"mb-6\">\n <p class=\"text-2xl mb-2\">Your Score: <span id=\"final-score\" class=\"font-bold\">0<\/span> out of 100<\/p>\n <div class=\"h-4 relative max-w-md mx-auto rounded-full overflow-hidden bg-gray-200\">\n <div id=\"results-bar\" class=\"h-full bg-orange-500 transition-all duration-1000\"><\/div>\n <\/div>\n <\/div>\n \n <div id=\"result-message\" class=\"mb-8 text-xl\"><\/div>\n \n <div class=\"mb-6\">\n <h2 class=\"text-2xl mb-4 font-bold\">Your Performance<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <div class=\"bg-green-100 p-4 rounded-lg\">\n <p class=\"text-lg\"><i class=\"fas fa-check-circle text-green-500 mr-2\"><\/i> <span id=\"correct-count\">0<\/span> Correct<\/p>\n <\/div>\n <div class=\"bg-red-100 p-4 rounded-lg\">\n <p class=\"text-lg\"><i class=\"fas fa-times-circle text-red-500 mr-2\"><\/i> <span id=\"incorrect-count\">0<\/span> Incorrect<\/p>\n <\/div>\n <div class=\"bg-blue-100 p-4 rounded-lg\">\n <p class=\"text-lg\"><i class=\"fas fa-percentage text-blue-500 mr-2\"><\/i> <span id=\"percentage\">0<\/span>% Accuracy<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <button id=\"restart-btn\" class=\"bg-orange-500 hover:bg-orange-700 text-white font-bold py-3 px-8 rounded-full text-xl 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 Goku's signature move?\",\n options: [\"Kamehameha\", \"Final Flash\", \"Special Beam Cannon\", \"Death Beam\"],\n correct: 0,\n difficulty: \"Easy\"\n },\n {\n question: \"What is the name of the martial artist who raised Goku?\",\n options: [\"Master Roshi\", \"Master Shen\", \"Grandpa Gohan\", \"Korin\"],\n correct: 2,\n difficulty: \"Easy\"\n },\n {\n question: \"Who was the first person to tell Goku that he is a Saiyan?\",\n options: [\"Vegeta\", \"Nappa\", \"Raditz\", \"Frieza\"],\n correct: 2,\n difficulty: \"Slightly Easy\"\n },\n {\n question: \"What is the name of Goku's wife?\",\n options: [\"Bulma\", \"Videl\", \"Chi-Chi\", \"Pan\"],\n correct: 2,\n difficulty: \"Slightly Easy\"\n },\n {\n question: \"Who was Goku fighting when he first transformed into a Super Saiyan?\",\n options: [\"Cell\", \"Frieza\", \"Majin Buu\", \"Vegeta\"],\n correct: 1,\n difficulty: \"Medium\"\n },\n {\n question: \"Who fought alongside Goku against Raditz on Earth?\",\n options: [\"Krillin\", \"Piccolo\", \"Tien\", \"Yamcha\"],\n correct: 1,\n difficulty: \"Medium\"\n },\n {\n question: \"Who was the first opponent Goku used the Kaio-Ken technique against?\",\n options: [\"Nappa\", \"Vegeta\", \"Captain Ginyu\", \"Recoome\"],\n correct: 1,\n difficulty: \"Slightly Hard\"\n },\n {\n question: \"On which planet did Goku learn the Instant Transmission technique?\",\n options: [\"King Kai's Planet\", \"Namek\", \"Planet Yardrat\", \"Planet Vegeta\"],\n correct: 2,\n difficulty: \"Slightly Hard\"\n },\n {\n question: \"Who was Goku fighting when he first transformed into Super Saiyan 3?\",\n options: [\"Kid Buu\", \"Evil Buu\", \"Good Buu\", \"Vegito\"],\n correct: 1,\n difficulty: \"Hard\"\n },\n {\n question: \"At the end of the original Dragon Ball manga, what is the name of the boy Goku takes with him to train?\",\n options: [\"Uub\", \"Turles\", \"Goten\", \"Pan\"],\n correct: 0,\n difficulty: \"Hard\"\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 \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-4', 'rounded-lg', 'bg-gray-100', 'hover:bg-gray-200', 'cursor-pointer', 'transition-all');\n optionDiv.innerHTML = `\n <div class=\"flex items-start\">\n <span class=\"text-lg font-bold mr-2\">${String.fromCharCode(65 + index)}.<\/span>\n <span>${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.textContent = \"Correct! \ud83c\udf89\";\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) + \".\";\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 \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 a Dragon Ball Master! \ud83c\udfc6<\/p>\n <p>Your knowledge of Goku is truly impressive. Even Master Roshi would be proud!<\/p>`;\n showConfetti();\n } else if (score >= 70) {\n resultMessage.innerHTML = `<p class=\"font-bold text-blue-600\">Great Job! Super Saiyan Level! \ud83d\udcaa<\/p>\n <p>You have excellent knowledge of Dragon Ball. 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-600\">Good Effort! Saiyan in Training! \ud83e\udd4b<\/p>\n <p>You know the basics about Goku. Keep watching Dragon Ball to improve your knowledge!<\/p>`;\n } else {\n resultMessage.innerHTML = `<p class=\"font-bold text-red-600\">Needs Improvement! Keep Training! \ud83d\udd04<\/p>\n <p>Even Krillin 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 \n scoreElement.textContent = score;\n \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>Ultimate Dragon Ball Quiz – Test Your Knowledge About Goku \u2605 Dragon Ball Quiz \u2605 Test your knowledge about Goku with these 10 questions! Start Quiz 1 of 10 Score: 0 Next Question Finish Quiz Quiz Results Your Score: 0 out of 100 Your Performance 0 Correct 0 Incorrect 0% Accuracy Try Again Watch Dragon […]<\/p>\n","protected":false},"author":1,"featured_media":30,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-26","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dragonball"],"jetpack_featured_media_url":"https:\/\/www.newwealth.shop\/a\/wp-content\/uploads\/2025\/05\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-17.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/26","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=26"}],"version-history":[{"count":2,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/26\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/posts\/26\/revisions\/29"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=\/wp\/v2\/media\/30"}],"wp:attachment":[{"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newwealth.shop\/a\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}