JavaScript入门(猜数字游戏)

最新推荐文章于 2022-03-17 18:07:39 发布

li_Felix

最新推荐文章于 2022-03-17 18:07:39 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： JavaScript基础

本文链接：https://blog.csdn.net/li_magic/article/details/53215192

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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="开始猜" οnclick="guess();"/>
<span id="result"></span>
</p>
</body>
</html>