⚽ چقدر از تاریخ فوتبال می‌دونی؟ بیا توی این کویز خودتو ثابت کن

رامی کالا · 2025-07-27T11:40:08.000Z

:root { --color-bg: #f8f9fa; --color-text: #212529; --color-primary: #198754; --color-danger: #dc3545; --color-secondary: #6c757d; --color-accent: #e74c3c; --font-family: 'Vazirmatn', sans-serif; } body { background-color: var(--color-bg); color: var(--color-text); font-family: var(--font-family); padding: 20px; line-height: 1.7; } /* کوییز */ .quiz-box { max-width: 600px; margin: 0 auto 40px auto; background: #fff; padding: 30px 25px; border-radius: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } #question { font-weight: 700; font-size: 1.5rem; margin-bottom: 1rem; color: var(--color-accent); } #options button { width: 100%; text-align: right; font-weight: 600; margin-top: 10px; transition: transform 0.2s; } #options button:focus { outline: 3px solid var(--color-accent); outline-offset: 2px; } /* حالتهای صحیح و نادرست */ .correct { background-color: var(--color-primary) !important; color: #fff !important; } .incorrect { background-color: var(--color-danger) !important; color: #fff !important; } #feedback { font-weight: 700; margin-top: 15px; min-height: 2.2em; } #score-container { text-align: center; margin-top: 25px; } canvas#resultChart { max-width: 300px; margin: 25px auto 0 auto; display: block; } /* بخش دنبال کردن */ .follow-section { max-width: 600px; margin: 40px auto 30px; background: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); padding: 25px; text-align: center; } .follow-button { background-color: var(--color-accent); color: #fff; font-weight: 700; padding: 12px 30px; border-radius: 8px; display: inline-block; text-decoration: none; transition: background-color 0.3s, transform 0.2s; } .follow-button:hover, .follow-button:focus { background-color: #c0392b; transform: scale(1.05); } .follow-message { font-size: 1rem; color: var(--color-secondary); margin-top: 10px; } /* مطالب مرتبط */ .related-articles { max-width: 800px; margin: 60px auto 40px; display: grid; gap: 15px; } .related-articles h2 { text-align: center; margin-bottom: 25px; font-weight: 700; color: var(--color-accent); } .related-articles p { text-align: center; } .related-articles a { display: inline-block; margin: 5px 10px; padding: 10px 18px; background: #fff; border-radius: 8px; color: var(--color-accent); font-weight: 600; text-decoration: none; transition: background-color 0.3s, color 0.3s, transform 0.2s; } .related-articles a:hover, .related-articles a:focus { background-color: var(--color-accent); color: #fff; transform: translateY(-3px); } /* واکنشگرا */ @media (max-width: 600px) { body { padding: 15px; } #question { font-size: 1.3rem; } #feedback, .follow-message { font-size: 0.95rem; } .related-articles a { margin: 5px 8px; padding: 8px 14px; font-size: 0.9rem; } } سوال در حال بارگذاری... بعدی const questions = [ { question: "چه تیمی بیشترین قهرمانی در لیگ قهرمانان اروپا دارد؟", options: ["بارسلونا", "بایرن مونیخ", "رئال مادرید", "لیورپول"], correct: 2, explanation: "رئال مادرید با 14 قهرمانی بیشترین عنوان را دارد." }, { question: "کدام بازیکن بیشترین گل را در تاریخ لیگ قهرمانان زده است؟", options: ["لیونل مسی", "کریستیانو رونالدو", "رابرت لواندوفسکی", "رائول"], correct: 1, explanation: "کریستیانو رونالدو با بیش از 140 گل رکورددار است." }, { question: "چه تیمی اولین قهرمان لیگ قهرمانان اروپا بود؟", options: ["آث میلان", "رئال مادرید", "بنفیکا", "اینتر میلان"], correct: 1, explanation: "رئال مادرید در سال 1956 اولین قهرمان اروپا شد." }, { question: "چه بازیکنی در فینال جام جهانی ۲۰۲۲ هتتریک کرد؟", options: ["کیلیان امباپه", "لیونل مسی", "اولیویه ژیرو", "آنخل دیماریا"], correct: 0, explanation: "کیلیان امباپه با سه گل در فینال، هتتریک تاریخی ثبت کرد." }, { question: "کدام تیم در سال ۲۰۱۲ با گلزنی در دقیقه ۸۸ قهرمان اروپا شد؟", options: ["چلسی", "بایرن مونیخ", "منچستریونایتد", "اینتر میلان"], correct: 0, explanation: "چلسی با گل دراماتیک در دقیقه ۸۸ توسط دروگبا بازی را به تساوی کشاند و در ضربات پنالتی قهرمان شد." }, { question: "کدام دروازهبان در فینال لیگ قهرمانان ۲۰۰۵ نمایش خارقالعادهای داشت؟", options: ["بوفون", "چک", "دودک", "نویر"], correct: 2, explanation: "یرزی دودک با مهارهایش در فینال استانبول نقش مهمی در قهرمانی لیورپول داشت." }, { question: "لیونل مسی اولین قهرمانی لیگ قهرمانان را در چه سالی کسب کرد؟", options: ["۲۰۰۹", "۲۰۰۶", "۲۰۱۱", "۲۰۱۵"], correct: 1, explanation: "مسی اولین قهرمانی خود را در سال ۲۰۰۶ بهدست آورد، اگرچه در فینال بازی نکرد." }, { question: "بیشترین گل زده در یک فصل لیگ قهرمانان توسط چه کسی ثبت شد؟", options: ["رونالدو", "مسی", "هالند", "رائول"], correct: 0, explanation: "رونالدو در فصل ۲۰۱۳-۲۰۱۴ با 17 گل رکورددار است." }, { question: "کدام باشگاه انگلیسی سه بار قهرمان اروپا شده است؟", options: ["چلسی", "لیورپول", "منچستریونایتد", "ناتینگهام فارست"], correct: 2, explanation: "منچستریونایتد سه بار قهرمان اروپا شده: 1968، 1999 و 2008." }, { question: "کدام تیم با رکورد بیشترین گل در مرحله گروهی شناخته میشود؟", options: ["بایرن مونیخ", "رئال مادرید", "بارسلونا", "پاری سن ژرمن"], correct: 0, explanation: "بایرن مونیخ با گلزنیهای پیاپی در مرحله گروهی رکورددار بوده است." }, { question: "در چه سالی لیگ قهرمانان به فرمت کنونی تغییر کرد؟", options: ["۱۹۹۲", "۲۰۰۰", "۱۹۸۵", "۱۹۹۸"], correct: 0, explanation: "در سال ۱۹۹۲ مسابقات از جام باشگاهها به لیگ قهرمانان تغییر یافت." }, { question: "آیا زیدان به عنوان مربی قهرمان لیگ قهرمانان شده؟", options: ["بله، ۳ بار", "خیر، فقط یک بار", "بله، ۲ بار", "نه هرگز"], correct: 0, explanation: "زینالدین زیدان سه بار پیاپی با رئال مادرید قهرمان اروپا شد." } ]; let currentQuestion = 0; let score = 0; let answeredQuestions = 0; const questionEl = document.getElementById("question"); const optionsEl = document.getElementById("options"); const feedbackEl = document.getElementById("feedback"); const nextBtn = document.getElementById("next-btn"); const scoreContainer = document.getElementById("score-container"); const resultChartEl = document.getElementById("resultChart"); function loadQuestion() { const q = questions[currentQuestion]; questionEl.textContent = q.question; optionsEl.innerHTML = ""; feedbackEl.textContent = ""; q.options.forEach((option, i) => { const btn = document.createElement("button"); btn.textContent = option; btn.classList.add("btn", "btn-outline-secondary", "option-btn"); btn.addEventListener("click", () => selectOption(i, btn)); optionsEl.appendChild(btn); }); } function selectOption(index, btn) { const q = questions[currentQuestion]; const buttons = document.querySelectorAll(".option-btn"); buttons.forEach((b, i) => { b.disabled = true; if (i === q.correct) b.classList.add("correct"); else if (i === index) b.classList.add("incorrect"); }); if (index === q.correct) { score++; feedbackEl.textContent = "✅ درست بود! " + q.explanation; feedbackEl.style.color = "green"; } else { feedbackEl.textContent = `❌ اشتباه! ${q.explanation}`; feedbackEl.style.color = "red"; } answeredQuestions++; } nextBtn.addEventListener("click", () => { if (answeredQuestions امتیاز شما: ${score} از ${questions.length} (${percent}%) `; const ctx = resultChartEl.getContext("2d"); new Chart(ctx, { type: "doughnut", data: { labels: ["درست", "اشتباه"], datasets: [{ data: [score, questions.length - score], backgroundColor: ["#198754", "#dc3545"], borderWidth: 1 }] }, options: { responsive: true, plugins: { legend: { position: 'bottom' }, tooltip: { callbacks: { label: function(context) { return `${context.label}: ${context.raw} پاسخ`; } } } } } }); } loadQuestion(); ? کلید زیر را فشار دهید ? این حساب کاربری را دنبال کنید و پکهای مورد نظر (??❤️) را نیز فعال نمایید مطالب مرتبط شاهکارهایی که یک نفره رقم خوردند؛ 21 شب جاودانه در لیگ قهرمانان 10 تا از پرخرجترین پنجرههای نقلوانتقالاتی تیمها تا ۲۰۲۵ ۲۵ تیم افسانهای فوتبال اروپا در ۲۵ سال گذشته داستان انتقالهای تاریخی از منچستر به بارسا ۲۰ ابر استعداد فوتبالی که تا چند سال دیگه دنیا دست اوناست بهترین بازیکنان تاریخ رئال مادرید با پیراهن شماره ۱۰ مدافع لیورپول از تتوی احساسیاش برای دیوگو ژوتا پرده برداشت از کرایف تا رونالدو؛ این ۲۰ بازیکن با هر دو پا جادو کردند پادشاهی که تاج نگرفت: چرا تیری آنری شایسته توپ طلا ۲۰۰۳ بود؟ ۱۵ ستاره پردرآمد و ناکام لیگ انگلیس در سال ۲۰۲۵ // -- آپدیت ساده جاوااسکریپت شما با حفظ منطق اصلی const questions = [ // ... همان آرایه سوالات شما (کپی بدون تغییر) ... ]; let currentQuestion = 0; let score = 0; let answeredQuestions = 0; const questionEl = document.getElementById("question"); const optionsEl = document.getElementById("options"); const feedbackEl = document.getElementById("feedback"); const nextBtn = document.getElementById("next-btn"); const scoreContainer = document.getElementById("score-container"); const resultChartEl = document.getElementById("resultChart"); function loadQuestion() { const q = questions[currentQuestion]; questionEl.textContent = q.question; optionsEl.innerHTML = ""; feedbackEl.textContent = ""; optionsEl.setAttribute('aria-activedescendant', ''); q.options.forEach((option, i) => { const btn = document.createElement("button"); btn.type = "button"; btn.id = `option-${i}`; btn.textContent = option; btn.className = "btn btn-outline-secondary option-btn"; btn.tabIndex = 0; btn.setAttribute("role", "option"); btn.addEventListener("click", () => selectOption(i, btn)); optionsEl.appendChild(btn); }); } function selectOption(index, btn) { const q = questions[currentQuestion]; const buttons = document.querySelectorAll(".option-btn"); buttons.forEach((b, i) => { b.disabled = true; if (i === q.correct) { b.classList.add("correct"); b.setAttribute("aria-selected", "true"); } else { b.setAttribute("aria-selected", "false"); if (i === index) b.classList.add("incorrect"); } }); if (index === q.correct) { score++; feedbackEl.textContent = "✅ درست بود! " + q.explanation; feedbackEl.style.color = "green"; } else { feedbackEl.textContent = `❌ اشتباه! ${q.explanation}`; feedbackEl.style.color = "red"; } answeredQuestions++; } nextBtn.addEventListener("click", () => { if (answeredQuestions امتیاز شما: ${score} از ${questions.length} (${percent}%) `; const ctx = resultChartEl.getContext("2d"); new Chart(ctx, { type: "doughnut", data: { labels: ["درست", "اشتباه"], datasets: [{ data: [score, questions.length - score], backgroundColor: [getComputedStyle(document.documentElement).getPropertyValue('--color-primary').trim(), getComputedStyle(document.documentElement).getPropertyValue('--color-danger').trim()], borderWidth: 1, }] }, options: { responsive: true, plugins: { legend: { position: 'bottom' }, tooltip: { callbacks: { label: (context) => `${context.label}: ${context.raw} پاسخ` } } } } }); } loadQuestion();

۱۴۵ بازدیدیکشنبه ۰۵ مرداد ۱۴۰۴ - ۱۵:۱۰

رامی کالا

این مطلب توسط کاربران طرفداری ارسال شده است و دیدگاه طرفداری نیست.

قوانین سایت

سوال در حال بارگذاری...

? کلید زیر را فشار دهید ?

این حساب کاربری را دنبال کنید

و پک‌های مورد نظر (??❤️) را نیز فعال نمایید

برچسب ها

کویز فوتبالی

دیدگاه‌ها

سرباز بسیجی۱۴۰۴/۵/۰۵ - ۱۶:۴۹

زیادی آسون بود

mehrdad s.karimi۱۴۰۴/۵/۰۵ - ۱۵:۳۴

من آلزایمر گرفتم هیچی یادم نمیاد سال ۲۰۱۲ یادم نیست ولی بازی یونان،آرژانتین سال ۹۴ گل کانیجیا جلو چشممه