Number Guessing Game - Source Code

const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
const scoreElement = document.getElementById('score');
const gameOverElement = document.getElementById('gameOver');
const restartButton = document.getElementById('restart');

let randomNumber;
let attempts = 0;
let minRange = 1;
let maxRange = 100;
let timer;
let elapsedTime = 0;
let playerName = '';
let difficulty = 'medium';

const guessInput = document.getElementById('guess');
const submitGuess = document.getElementById('submitGuess');
const gameMessage = document.getElementById('gameMessage');
const attemptsDisplay = document.getElementById('attempts');
const resetButton = document.getElementById('resetButton');

function resetGame() {
  randomNumber = Math.floor(Math.random() * maxRange) + 1;
  attempts = 0;
  minRange = 1;
  elapsedTime = 0;
  
  attemptsDisplay.textContent = `Attempts: ${attempts}`;
  gameMessage.textContent = 'New Game! Start guessing!';
  guessInput.value = '';
  
  clearInterval(timer);
  startTimer();
}

function startTimer() {
  timer = setInterval(() => {
    elapsedTime++;
  }, 1000);
}

submitGuess.addEventListener('click', () => {
  let guess = Number(guessInput.value);
  
  if (isNaN(guess) || guessInput.value.trim() === '') {
    gameMessage.textContent = 'Please enter a valid number!';
    return;
  }
  
  attempts++;
  if (guess === randomNumber) {
    gameMessage.textContent = `Congratulations! You guessed it in ${attempts} attempts!`;
    clearInterval(timer);
  } else if (guess < randomNumber) {
    gameMessage.textContent = 'Too low! Try again.';
  } else {
    gameMessage.textContent = 'Too high! Try again.';
  }
  
  attemptsDisplay.textContent = `Attempts: ${attempts}`;
  guessInput.value = '';
});

resetButton.addEventListener('click', resetGame);
resetGame();