1、要求
输入一个数字。随机产生一个1~10的整数,用户把猜的数填入文本框,如果猜的数小了,提示“猜小了“,猜大了就提示“猜大了”,如果相等,提示“猜对了”,并重新产生随机数,进行下一次游戏。
2、概述
- 两种方法:
- 方法一:单独创建一个.php文件;
- 方法二:将php代码写在html文件中;
3、源代码
方法一:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>猜数字</title>
<style type="text/css">
h2{
text-align: center;
color: #808080;
}
.fie{
width: 500px;
padding-left: 20px;
margin-left: 510px;
margin-top: 40px;
}
#numb{
width: 480px;
margin-top: 10px;
}
.but>button{
width: 488px;
margin-top: 10px;
background-color: #eeeeee;
}
</style>
</head>
<body>
<div>
<h2>猜一猜</h2>
<form action="c1.php" method="post">
<fieldset class="fie">
<legend>填入一个1~10的整数</legend>
<div class="numb">
<input id="numb" name="numb" type="text" required="">
</div>
<div class="but">
<button>确认</button>
</div>
</fieldset>
</form>
</div>
</body>
</html>
<?php
$a = $_POST["numb"];
session_start();
$r = rand(1,10);
if (isset($_SESSION["num"])) {
}else{
$_SESSION["num"]=$r;
}
echo "随机产生的数字为:".$_SESSION["num"]."<br>";
if ($a > $_SESSION["num"]) {
echo "<script>alert('猜大了')</script>";
}else if ($a < $_SESSION["num"]) {
echo "<script>alert('猜小了')</script>";
}else if ($a == $_SESSION["num"]) {
echo "<script>alert('猜对了')</script>";
$_SESSION["num"] = NULL;
}
?>
方法二:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>猜数字</title>
<style type="text/css">
h2{
text-align: center;
color:
}
.fie{
width: 500px;
padding-left: 20px;
margin-left: 500px;
margin-top: 40px;
}
width: 480px;
margin-top: 10px;
}
.but>button{
width: 488px;
margin-top: 10px;
background-color:
}
</style>
</head>
<body>
<div>
<h2>猜一猜</h2>
<form action="" method="post">
<fieldset class="fie">
<legend>填入一个1~10的整数</legend>
<div class="numb">
<input id="numb" name="numb" type="text" required="">
<?php session_start() ?>
<?php if (isset($_SESSION["num"])) {?>
<?php ?>
<?php }else{ ?>
<?php $_SESSION["num"]=rand(1,10) ?>
<?php } ?>
</div>
<div class="but">
<button id="but" name="but" value="确认">确认</button>
<?php if ($_POST["but"] == "确认") {?>
<?php if ($_POST["numb"] > $_SESSION["num"]) {?>
<?php echo "<script>alert('猜大了')</script>" ?>
<?php }else if ($_POST["numb"] < $_SESSION["num"]) {?>
<?php echo "<script>alert('猜小了')</script>" ?>
<?php }else if ($_POST["numb"] = $_SESSION["num"]) {?>
<?php echo "<script>alert('猜对了')</script>" ?>
<?php $_SESSION["num"]=NULL ?>
<?php } ?>
<?php } ?>
</div>
</fieldset>
</form>
</div>
</body>
</html>
4、源代码截图
5、运行结果截图
6、知识点
rand(1,10);//产生一个1~10的整数。
通过 session_start();和if (isset($_SESSION[“num”]))使产生的随机数不变。
通过$_SESSION[“num”] = NULL; 实现猜对数字之后使数值再次发生变化进行下一次游戏。
|