小九九 发表于 2023-9-8 11:03:21

这是一个简单的网页小游戏代码,名为“猜数字”:

这是一个简单的网页小游戏代码,名为“猜数字”:

```
<!DOCTYPE html>
<html>
<head>
<title>猜数字</title>
</head>
<body>
<h1>猜数字</h1>
<input type="text" id="guess">
<button id="guess_button">猜</button>
<p id="feedback">猜对了!</p>
<p id="wrong_feedback">猜错了,再试试吧。</p>
<script>
    let guess_button = document.getElementById("guess_button");
    let guess_input = document.getElementById("guess");
    let feedback = document.getElementById("feedback");
    let wrong_feedback = document.getElementById("wrong_feedback");
    let secret_number = Math.floor(Math.random() * 100);

    guess_button.addEventListener("click", function() {
      let guess = guess_input.value;
      if (guess == secret_number) {
      feedback.style.display = "block";
      wrong_feedback.style.display = "none";
      } else {
      feedback.style.display = "none";
      wrong_feedback.style.display = "block";
      }
    });
</script>
</body>
</html>
```

游戏规则如下:系统会生成一个 1-100 之间的数字,玩家需要通过输入框猜出这个数字。如果猜对了,系统会显示“猜对了!”;如果猜错了,系统会显示“猜错了,再试试吧。”,并且提示猜小了或者猜大了。玩家可以不断输入新的猜测,直到猜对为止。

页: [1]
查看完整版本: 这是一个简单的网页小游戏代码,名为“猜数字”: