memory-game.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Memory Number Game - Java Terminal Demo</title>
  <link rel="stylesheet" href="./styles/main.css">
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>
  <div class="nav-bar">
    <a href="./index.html">🏠 Home</a>
    <a href="./word-scramble.html">🔤 Word Scramble</a>
    <a href="./number-converter.html">🔢 Number Converter</a>
    <a href="./memory-game.html" class="active">🧠 Memory Game</a>
    <a href="./minesweeper.html">💣 Minesweeper</a>
    <a href="https://github.com/Janani-V219/Java_Mini_Projects" target="_blank">📄 GitHub Repo</a>
  </div>

  <div class="terminal" id="Terminal">
    <div class="console-line">
      Click <button id="run-button">Run</button> to run Memory Number Game.
    </div>
    <div class="content" id="Content"></div>
  </div>

  <script src="./terminal.js"></script>
  <script>
    let isRunning = false;

    document.getElementById("run-button").addEventListener("click", async () => {
      if (isRunning) return;
      isRunning = true;
      clearScreen();

      let score = 0;
      const rounds = 5;

      print("=================================");
      print("       MEMORY NUMBER GAME");
      print("=================================");

      for (let round = 1; round <= rounds; round++) {
        const length = round + 4;
        const numbers = [];

        for (let i = 0; i < length; i++) {
          numbers.push(Math.floor(Math.random() * 10));
        }

        print("");
        print("Round " + round);
        print("Remember:");
        print(numbers.join(" "));

        // Give 4 seconds to remember
        await sleep(4000);

        // Clear screen (matches Java's 30 newlines clearing)
        clearScreen();

        const answer = (await readLine("Enter the numbers:\n")).trim();
        const correct = numbers.join(" ");

        if (answer === correct) {
          print("🎉 Correct!");
          score++;
        } else {
          print("❌ Wrong!");
          print("Correct answer: " + correct);
        }

        print("Score: " + score + "/" + rounds);
      }

      print("");
      print("=================================");
      print("           GAME OVER");
      print("=================================");
      print("Final Score: " + score + "/" + rounds);

      if (score === 5) {
        print("🏆 Perfect Memory!");
      } else if (score >= 3) {
        print("🎉 Great Memory!");
      } else {
        print("💪 Keep practicing!");
      }

      print("");
      print("Press Run to play again.");
      isRunning = false;
    });
  </script>
</body>
</html>