有趣的PHP小游戏——猜数字

猜数字

这个游戏会随机生成一个1到100之间的数字,然后你需要猜测这个数字是什么。每次你输入一个数字后,程序会告诉你这个数字是“高了”还是“低了”,直到你猜对为止!
在这里插入图片描述

使用指南:

  1. 代码如下,保存到一个php中:如 index.php。
  2. 代码部署到PHP服务器,比如 phpstudy。
  3. 运行网站,访问 index.php 文件即可。

代码

<?php
session_start();

if (!isset($_SESSION['number'])) {
    
    
    // 生成一个1到100之间的随机数
    $_SESSION['number'] = rand(1, 100);
    $_SESSION['attempts'] = 0;
}

$number = $_SESSION['number'];
$attempts = $_SESSION['attempts'];
$message = '';

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    
    
    $guess = intval($_POST['guess']);
    $attempts++;
    $_SESSION['attempts'] = $attempts;

    if ($guess > $number) {
    
    
        $message = '高了!再试一次。';
    } elseif ($guess < $number) {
    
    
        $message = '低了!再试一次。';
    } else {
    
    
        $message = "恭喜你!猜对了数字 $number。你一共用了 $attempts 次猜测。<br>游戏结束,请重新开始。";
        // 重置游戏
        unset($_SESSION['number']);
        $_SESSION['attempts'] = 0;
    }
}
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>猜数字游戏</title>
    <style>
        body {
    
    
            font-family: 'Arial', sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }
        .container {
    
    
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
    
    
            color: #333;
        }
        form {
    
    
            margin-top: 20px;
        }
        label {
    
    
            display: block;
            margin-bottom: 5px;
        }
        input[type="number"] {
    
    
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-sizing: border-box; /* 防止输入框宽度增加 */
        }
        button {
    
    
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            background-color: #5cb85c;
            color: white;
            cursor: pointer;
        }
        button:hover {
    
    
            background-color: #4cae4c;
        }
        p {
    
    
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>猜数字游戏</h1>
        <p>我想了一个1100之间的数字,你能猜到它是什么吗?</p>

        <?php if ($message): ?>
            <p><strong><?php echo $message; ?></strong></p>
        <?php endif; ?>

        <form method="post">
            <label for="guess">输入你的猜测(1-100):</label>
            <input type="number" id="guess" name="guess" min="1" max="100" required>
            <button type="submit">提交</button>
        </form>
    </div>
</body>
</html>


猜你喜欢

转载自blog.csdn.net/qq_43112019/article/details/140818230