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

<!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>

效果如下图:

经验分享 程序员 微信小程序 职场和发展