基本信息
源码名称:js基础,猜数字,算平方
源码大小:7.61KB
文件格式:.zip
开发语言:js
更新时间:2019-09-21
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type = "text/javascript"> //在 HTML 页面中插入一段 JavaScript,用script标签 //加载页面时,生成随机整数 //Math.radom()这是生成[0,1)的随机数,Math.radom()*100,则生成[0,100) var num = parseInt(Math.random()*100);//parseInt(),函数生成整数 alert(num); function guess(){ alert("我进来了"); //获取用户输入的元素 var input1 = document.getElementById("put1");//getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。 //通过获取到的输入框来获取用户输入的值 var num2=input1.value; var sp = document.getElementById("sp1"); //对num2进行判断,判断一个值是不是数字isNaN() //如果isNaN()返回的值是false表示被判断的这个值是数字,若返回值为true则表示返回值不是数 if(isNaN(num2)){ //提示用户输入数字 sp.innerHTML="请输入一个整数";//给sp赋值 /* innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。 语法 Object.innerHTML = "HTML";// 设置 var html = Object.innerHTML;// 获取 */ } else{ //如果程序执行到这里,这里表示num2是数字 //开始比较 if(num<num2){ sp.innerHTML="猜大了,请继续...";//给sp赋值 }else if(num>num2){ sp.innerHTML="猜小了,请继续...";//给sp赋值 } else{ sp.innerHTML="恭喜你,猜对了";//给sp赋值 } } } function pingfang(){ var input2 = document.getElementById("put2").value; //通过获取到的输入框来获取用户输入的值 var sp = document.getElementById("sp2"); //获取span标签(元素) if(isNaN(input2)){//对input2进行判断是不是数 //提示用户输入数字 sp.innerHTML="请输入一个整数";//给sp赋值 } else{ //如果程序执行到这里,这里表示num3是数字 //开始计算 sp.innerHTML = input2*input2;//除了加之外,其他都是即将字符串转化成数字类型 } } </script> </head> <body> <span>请输入</span> <!--标签用来提示--> <input type = "text" id = "put1"/> <input type = "button" value = "猜" onclick = "guess()"/> <!--点击按钮,触发guess()函数--> 显示结果:<span id = "sp1"></span><!--使用id,来将结果放入标签中--><br/> <span>请输入</span> <input type = "text" id = "put2"/> <input type = "button" value = "平方" onclick = "pingfang()"/> 显示结果:<span id = "sp2"></span> </body> </html>