利用HBuilder制作简易猜数字游戏

最新推荐文章于 2021-09-06 15:38:28 发布

殇丶晨曦

最新推荐文章于 2021-09-06 15:38:28 发布

阅读量4.2k

点赞数 5

本文链接：https://blog.csdn.net/aebdqp/article/details/119697743

版权

html5

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table>
			<tr>
				猜数字游戏（请输入1-100的数字）
			</tr>
			<tr>
				<td><input id="num" type="text" />
				<button onclick="guess()">猜</button>
				<span id="result"></span>
			</tr>
		</table>

		<script type="text/javascript">
			var random = parseInt(Math.random() * 100 + 1);
			var count = 0;
			function guess() {
				count++;
				var num1 = document.getElementById('num').value;
				if (num1 < random) {
					document.getElementById('result').innerHTML = "小了";
				} else if (num1 > random) {
					document.getElementById('result').innerHTML = "大了";
				} else {
					document.getElementById('result').innerHTML = "对了，" + "猜了" + count + "次";
				}
			}
		</script>
	</body>
</html>

效果如下图：