body { font-family: Arial, sans-serif; text-align: center; } h1 { margin-top: 20px; } #score { font-size: 20px; margin: 10px 0; } #flag { width: 200px; height: 120px; object-fit: cover; border-radius: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); margin: 20px auto; display: block; } .option { display: block; width: 80%; max-width: 300px; margin: 10px auto; padding: 15px; font-size: 18px; background-color: #1e73be; color: #fff; border: none; border-radius: 10px; cursor: pointer; } .option:hover { opacity: 0.9; } #message { margin-top: 15px; font-size: 18px; font-weight: bold; } #next-btn, #restart-btn { margin-top: 20px; padding: 10px 20px; font-size: 18px; border: none; border-radius: 10px; cursor: pointer; background-color: #444; color: white; } #next-btn { display: none; } #restart-btn { display: none; } 🎌 لعبة إحزر العلم 🎌 الإجابات الصحيحة: 0/0 السؤال التالي البداية const countries = [ {name: "كندا", code: "ca"}, {name: "الولايات المتحدة", code: "us"}, {name: "المكسيك", code: "mx"}, {name: "البرازيل", code: "br"}, {name: "الأرجنتين", code: "ar"}, {name: "المملكة المتحدة", code: "gb"}, {name: "فرنسا", code: "fr"}, {name: "ألمانيا", code: "de"}, {name: "إيطاليا", code: "it"}, {name: "إسبانيا", code: "es"}, {name: "البرتغال", code: "pt"}, {name: "اليابان", code: "jp"}, {name: "الصين", code: "cn"}, {name: "كوريا الجنوبية", code: "kr"}, {name: "الهند", code: "in"}, {name: "روسيا", code: "ru"}, {name: "أستراليا", code: "au"}, {name: "نيوزيلندا", code: "nz"}, {name: "تركيا", code: "tr"}, {name: "مصر", code: "eg"}, {name: "المغرب", code: "ma"}, {name: "تونس", code: "tn"}, {name: "الجزائر", code: "dz"}, {name: "السعودية", code: "sa"}, {name: "الإمارات", code: "ae"}, {name: "قطر", code: "qa"}, {name: "الكويت", code: "kw"}, {name: "الأردن", code: "jo"}, {name: "فلسطين", code: "ps"}, {name: "العراق", code: "iq"}, {name: "سوريا", code: "sy"}, {name: "لبنان", code: "lb"}, {name: "السودان", code: "sd"}, {name: "جنوب أفريقيا", code: "za"}, {name: "نيجيريا", code: "ng"}, {name: "كينيا", code: "ke"}, {name: "إثيوبيا", code: "et"}, {name: "باكستان", code: "pk"}, {name: "إندونيسيا", code: "id"}, {name: "ماليزيا", code: "my"}, {name: "سنغافورة", code: "sg"}, {name: "الفلبين", code: "ph"}, {name: "فيتنام", code: "vn"}, {name: "تايلاند", code: "th"}, {name: "اليونان", code: "gr"}, {name: "هولندا", code: "nl"}, {name: "سويسرا", code: "ch"}, {name: "السويد", code: "se"}, {name: "النرويج", code: "no"}, {name: "الدنمارك", code: "dk"}, {name: "فنلندا", code: "fi"} ]; let correctAnswer = null; let score = 0; let attempts = 0; const flagImg = document.getElementById("flag"); const option1 = document.getElementById("option1"); const option2 = document.getElementById("option2"); const message = document.getElementById("message"); const nextBtn = document.getElementById("next-btn"); const restartBtn = document.getElementById("restart-btn"); const scoreDiv = document.getElementById("score"); function updateScore() { scoreDiv.textContent = `الإجابات الصحيحة: ${score}/${attempts}`; } function newQuestion() { message.textContent = ""; nextBtn.style.display = "none"; const choices = []; while (choices.length < 2) { const rand = countries[Math.floor(Math.random() * countries.length)]; if (!choices.includes(rand)) choices.push(rand); } correctAnswer = choices[Math.floor(Math.random() * choices.length)]; flagImg.src = `https://flagcdn.com/w320/${correctAnswer.code}.png`; const shuffled = choices.sort(() => Math.random() - 0.5); option1.textContent = shuffled[0].name; option2.textContent = shuffled[1].name; } function checkAnswer(selected) { attempts++; if (selected === correctAnswer.name) { score++; message.textContent = "إجابتك صحيحة ✅"; nextBtn.style.display = "inline-block"; } else { message.textContent = "❌ حاول ثانية"; } updateScore(); } option1.onclick = () => checkAnswer(option1.textContent); option2.onclick = () => checkAnswer(option2.textContent); nextBtn.onclick = newQuestion; restartBtn.onclick = () => { score = 0; attempts = 0; updateScore(); restartBtn.style.display = "none"; newQuestion(); }; // بدء اللعبة updateScore(); newQuestion();
