有趣的PHP小游戏—

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

news2024/11/16 11:48:16

猜数字

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

使用指南：

代码如下，保存到一个php中：如 index.php。
代码部署到PHP服务器，比如 phpstudy。
运行网站，访问 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>我想了一个1到100之间的数字，你能猜到它是什么吗？</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>