JavaScript入门(猜数字游戏)

最新推荐文章于 2022-02-11 10:53:44 发布

原创最新推荐文章于 2022-02-11 10:53:44 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript基础

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的猜数字游戏网页应用，使用HTML与JavaScript编写。页面会随机生成一个1到100之间的数字，用户通过输入框输入猜测的数字，点击按钮后会得到“大了”、“小了”或“对了”的提示。

<!DOCTYPE html>
<html>
<head>
<title>猜数字</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script type="text/javascript">
var init_num = parseInt(Math.random()*100)+1;
console.log(init_num);
function guess() {
var num = document.getElementById("num").value;
var result = document.getElementById("result");
if(num == "" || isNaN(num) || num<1 || num>100) {
result.innerHTML = "必须输入1-100之间的数字!";
} else {
if(num>init_num) {
result.innerHTML = "大了!";
} else if(num<init_num) {
result.innerHTML = "小了!";
} else {
result.innerHTML = "对了!";
}
}
}
</script>
</head>
<body>
<h1>猜数字游戏</h1>
<p>
<input type="text" id="num"/>
<input type="button" value="开始猜" onclick="guess();"/>
<span id="result"></span>
</p>
</body>
</html>