分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

js_猜数字

发布时间:2023-09-06 01:07责任编辑:林大明关键词:js

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>猜数字</title>
<script>
??????//网页加载时直接生成随机数,
??????//该数在body加载前就有了,所以用户
??????//点击猜时在对应函数内可以用
??????//随机数
?????var ran=parseInt(Math.random()*100);
??????function guess() {
??????//获取文本框里的值
??????var input=document.getElementById("num");
?????var n=input.value;
??????var span=document.getElementById("result");
??????//判断该值是否为数字
??????if(isNaN(n)){
??????//不是数字给予提示
???span.innerHTML="请输入数字"; ??
??????}else {
???//是随机数,和随机数比较
??if(n<ran){
??span.innerHTML="小了";
??}else if (n>ran) {
??span.innerHTML="大了";
??}else{
??span.innerHTML="对了";
??}

??????}
}

??????
</script>
</head>
<body>
?????????<input type="text" id="num">
?????????<input type="button" value="猜"
??????????onclick="guess();">
?????????<span id="result"></span>
</body>
</html>

js_猜数字

原文地址:http://www.cnblogs.com/Bighua123/p/7624373.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved