GeoGuessr Game

GeoGuessr US

Hint will appear here

body { font-family: sans-serif; text-align: center; } #us-map { width: 500px; height: auto; } const states = [ "Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado", "Connecticut", "Delaware", "Florida", "Georgia", "Hawaii", "Idaho", "Illinois", "Indiana", "Iowa", "Kansas", "Kentucky", "Louisiana", "Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota", "Mississippi", "Missouri", "Montana", "Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico", "New York", "North Carolina", "North Dakota", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota", "Tennessee", "Texas", "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin", "Wyoming" ]; const hintElement = document.getElementById('hint'); const answerInput = document.getElementById('answer'); const submitButton = document.getElementById('submit-button'); const resultElement = document.getElementById('result'); let currentState; function getRandomState() { return states[Math.floor(Math.random() * states.length)]; } function generateHint() { currentState = getRandomState(); hintElement.textContent = "Guess the state!"; // Changed to a generic hint } function checkAnswer(userAnswer) { const isMissouri = Math.random() < 0.5; const correctAnswer = isMissouri ? "Missouri" : currentState; if (userAnswer.toLowerCase() === correctAnswer.toLowerCase()) { resultElement.textContent = "Correct!"; } else { resultElement.textContent = `Incorrect. The answer was ${correctAnswer}`; } } submitButton.addEventListener('click', () => { const userAnswer = answerInput.value.trim(); if (userAnswer) { checkAnswer(userAnswer); generateHint(); answerInput.value = ''; } else { resultElement.textContent = "Please enter your guess."; } }); generateHint(); // Initial hint on page load