onload = () => { const countries = [ // Asia { name: "India", countryCode: "🇮🇳" }, { name: "Bangladesh", countryCode: "🇧🇩" }, { name: "China", countryCode: "🇨🇳" }, { name: "Japan", countryCode: "🇯🇵" }, { name: "South Korea", countryCode: "🇰🇷" }, { name: "Thailand", countryCode: "🇹🇭" }, { name: "Indonesia", countryCode: "🇮🇩" }, { name: "Saudi Arabia", countryCode: "🇸🇦" }, { name: "UAE", countryCode: "🇦🇪" }, { name: "Vietnam", countryCode: "🇻🇳" }, { name: "Pakistan", countryCode: "🇵🇰" }, { name: "Malaysia", countryCode: "🇲🇾" }, { name: "Philippines", countryCode: "🇵🇭" }, // Europe { name: "France", countryCode: "🇫🇷" }, { name: "Germany", countryCode: "🇩🇪" }, { name: "United Kingdom", countryCode: "🇬🇧" }, { name: "Italy", countryCode: "🇮🇹" }, { name: "Spain", countryCode: "🇪🇸" }, { name: "Russia", countryCode: "🇷🇺" }, { name: "Netherlands", countryCode: "🇳🇱" }, { name: "Sweden", countryCode: "🇸🇪" }, { name: "Switzerland", countryCode: "🇨🇭" }, // America { name: "United States", countryCode: "🇺🇸" }, { name: "Canada", countryCode: "🇨🇦" }, { name: "Brazil", countryCode: "🇧🇷" }, { name: "Mexico", countryCode: "🇲🇽" }, { name: "Argentina", countryCode: "🇦🇷" }, { name: "Chile", countryCode: "🇨🇱" }, // Africa { name: "Somalia", countryCode: "🇸🇴" }, { name: "South Africa", countryCode: "🇿🇦" }, { name: "Nigeria", countryCode: "🇳🇬" }, { name: "Egypt", countryCode: "🇪🇬" }, { name: "Kenya", countryCode: "🇰🇪" }, { name: "Ghana", countryCode: "🇬🇭" }, // Oceania { name: "Australia", countryCode: "🇦🇺" }, { name: "New Zealand", countryCode:"🇳🇿" } ]; const darkSwalTheme = { customClass: { popup: 'swal2-dark-popup', title: 'swal2-dark-title', htmlContainer: 'swal2-dark-html-container', confirmButton: 'swal2-dark-confirm' } }; let score = 0; let timeLeft = 60; let gameInterval; let correctIndex; let playerName; const music = document.getElementById('music'); music.load(); music.volume = 0.5; document.addEventListener('click', () => music.play()); const correctSound = new Audio( 'https://www.dropbox.com/scl/fi/ym5qedeohdvka0o9uqcrk/Correct-ans.mp3?rlkey=n891f2nyg3p2h4iuvmo5vq44t&st=op5vwxw4&raw=1' ); const wrongSound = new Audio( 'https://www.dropbox.com/scl/fi/bibmx91tpu80tl9js7k4b/Wronganswer.mp3?rlkey=c6kut5u3dhryl4s09kq5cc3pv&st=gexhiqoo&raw=1' ); const celebrationSound = new Audio( 'https://www.dropbox.com/scl/fi/h80yvtauzwskrhrdxowqs/Celebration.mp3?rlkey=zjfsxp5o346suk3vytieo6vjc&st=s208obas&raw=1' ); const askPlayerName = () => { Swal.fire({ title: 'Thank You! 🙌', html: `

Huge thanks, Joy bro! 🤗❤️

Even with your busy schedule, you took the time to tweak the code 🔥

and it means a lot 💙

`, icon: 'success', confirmButtonText: `You're Awesome!`, customClass: { popup: 'swal2-dark-popup', title: 'swal2-dark-title', htmlContainer: 'swal2-dark-html-container', confirmButton: 'swal2-dark-confirm' } }).then(() => { Swal.fire({ title: 'Enter Your Name', input: 'text', inputPlaceholder: 'Your Name', allowOutsideClick: false, showCancelButton: false, confirmButtonText: 'Start Game', ...darkSwalTheme }).then(result => { if (result.value) { playerName = result.value; showGameInstructions(); } else { askPlayerName(); } }); }); }; const showGameInstructions = () => { Swal.fire({ title: '📜 Game Instructions', html: `

1. A flag will be displayed, and you must select the correct country.

2. Correct answer: +10 points. Wrong answer: -5 points.

3. You have 60 seconds to score as much as possible.

`, icon: 'info', confirmButtonText: "Got it! Let's Play", ...darkSwalTheme }).then(startGame); }; const startGame = () => { score = 0; timeLeft = 60; document.getElementById('score').innerText = score; document.getElementById('timer').innerText = timeLeft; document.getElementById('progress').style.width = '100%'; document.getElementById('playerNameDisplay').innerText = playerName; loadFlag(); gameInterval = setInterval(updateTimer, 1000); }; const playSound = sound => { sound.currentTime = 0; sound.play().catch(error => console.log("Audio blocked:", error)); }; const checkAnswer = selected => { const buttons = document.querySelectorAll('.option-btn'); const correctCountry = countries.find( c => c['countryCode'] === document.getElementById('flagDisplay').innerText ); if (selected === correctIndex) { buttons[selected].classList.add('correct'); score += 10; playSound(correctSound); Swal.fire({ title: "🎉 Correct!", html: `

You scored +10 points!

Total Score: ${score}

`, icon: 'success', confirmButtonText: 'Next', ...darkSwalTheme }).then(loadFlag); } else { buttons[selected].classList.add('wrong'); score -= 5; playSound(wrongSound); Swal.fire({ title: "❌ Wrong!", html: `

Correct Answer: ${correctCountry.name}

You lost -5 points

Total Score: ${score}

`, icon: 'error', confirmButtonText: 'Next', ...darkSwalTheme }).then(loadFlag); } document.getElementById('score').innerText = score; }; const updateTimer = () => { timeLeft--; document.getElementById('timer').innerText = timeLeft; document.getElementById('progress').style.width = `${ (timeLeft / 60) * 100 }%`; if (timeLeft <= 0) { clearInterval(gameInterval); showCongratulations(); } }; const loadFlag = () => { const optionsContainer = document.getElementById( 'optionsContainer' ); optionsContainer.innerHTML = ''; const randomIndexes = []; while (randomIndexes.length < 4) { const index = Math.floor(Math.random() * countries.length); if (!randomIndexes.includes(index)) randomIndexes.push(index); } correctIndex = Math.floor(Math.random() * 4); const correctCountry = countries[randomIndexes[correctIndex]]; document.getElementById('flagDisplay').innerText = correctCountry['countryCode']; randomIndexes.forEach((index, i) => { const btn = document.createElement('button'); btn.innerText = countries[index].name; btn.classList.add('option-btn'); btn.onclick = () => checkAnswer(i); optionsContainer.appendChild(btn); }); }; const showCongratulations = () => { const message = score > 200 ? '🏆 Legendary! You’re a flag genius! 🌍🔥' : score <= 200 && score >= 100 ? '🚀 Amazing! You’re a true flag champion! 🏅' : score < 100 && score >= 50 ? '🥳 Impressive! Your flag knowledge is top-notch! 🎌' : score < 50 && score >= 30 ? '🌟 Great effort! You’re getting really good! 💪' : score < 30 && score >= 10 ? '👍 Nice try! Keep practicing and aim higher! 📚' : '😂 Oops! That was rough! Give it another shot! 🏁'; setTimeout(() => { celebrationSound.play() .catch(error => console.log('Celebration sound blocked:', error) ); }, 100); Swal.fire({ title: `🎉 Congratulations, ${playerName}!`, html: `

Final Score: ${score}

${message}

`, icon: 'success', confirmButtonText: 'OK', ...darkSwalTheme }).then(() => showGameOver()); }; const showGameOver = () => { Swal.fire({ title: 'Game Over! 🎮', text: 'Want to play again?', icon: 'info', confirmButtonText: 'Restart', ...darkSwalTheme }).then(askPlayerName); }; askPlayerName(); };

🚩 𝐔𝐥𝐭𝐢𝐦𝐚𝐭𝐞 𝐅𝐥𝐚𝐠 𝐂𝐡𝐚𝐥𝐥𝐞𝐧𝐠𝐞! 𝐀𝐫𝐞 𝐘𝐨𝐮 𝐑𝐞𝐚𝐝𝐲? 🏆