<!DOCTYPE html> <html> <head> <title>Guess the Number Game</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Guess the Number Game</h1> <p>Enter a number between 1 and 100:</p> <input type="text" id="guessInput"> <input type="submit" value="Submit" id="guessSubmit"> <p id="message"></p> <script src="script.js"></script> </body> </html> // Generate a random number between 1 and 100 const randomNumber = Math.floor(Math.random() * 100) + 1; const guessSubmit = document.getElementById("guessSubmit"); const guessInput = document.getElementById("guessInput"); const message = document.getElementById("message"); let attempts = 0; guessSubmit.addEventListener("click", checkGuess); function checkGuess() { const userGuess = parseInt(guessInput.value); if (isNaN(userGuess) || userGuess < 1 || userGuess > 100) { message.textContent = "Please enter a valid number between 1 and 100."; } else { attempts++; if (userGuess === randomNumber) { message.textContent = `Congratulations! You guessed the number ${randomNumber} in ${attempts} attempts.`; guessInput.disabled = true; guessSubmit.disabled = true; } else if (userGuess < randomNumber) { message.textContent = "Try a higher number."; } else { message.textContent = "Try a lower number."; } } }
<!DOCTYPE html> <html> <head> <title>Maze Escape Game</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="maze"></div> <script src="script.js"></script> </body> </html> #maze { width: 400px; height: 400px;u border: 2px solid #000; position: relative; } #player { width: 20px; height: 20px; background-color: red; position: absolute; } const maze = document.getElementById("maze"); const player = document.createElement("div"); player.id = "player"; maze.appendChild(player); const cellSize = 40; const mazeSize = 10; let playerX = 0; let playerY = 0; function drawMaze() { for (let i = 0; i < mazeSize; i++) { for (let j = 0; j < mazeSize; j++) { const cell = document.createElement("div"); cell.className = "cell"; cell.style.width = cellSize + "px"; cell.style.height = cellSize + "px"; cell.style.left = i * cellSize + "px"; cell.style.top = j * cellSize + "px"; maze.appendChild(cell); } } } function movePlayer(x, y) { playerX += x; playerY += y; player.style.left = playerX * cellSize + "px"; player.style.top = playerY * cellSize + "px"; if (playerX === mazeSize - 1 && playerY === mazeSize - 1) { alert("You've escaped the maze!"); } } document.addEventListener("keydown", (e) => { if (e.key === "ArrowRight" && playerX < mazeSize - 1) { movePlayer(1, 0); } else if (e.key === "ArrowLeft" && playerX > 0) { movePlayer(-1, 0); } else if (e.key === "ArrowDown" && playerY < mazeSize - 1) { movePlayer(0, 1); } else if
