首页 友链

JS实现猜数字游戏

JS实现猜数字游戏 特色图片
管理员头像url地址 管理员 发表于  2021-08-30

前言

hello,大家好,我们这篇文章来用js实现一个猜数字的游戏,也就是每轮有一个固定的数字,我们凭感觉懵一个,懵怼了,即代表获胜,懵错了,可以提供一些信息:比如说,是猜的大了,还是猜的小了,就这么简单,这个案例,也可以帮助我们巩固一下我们所学的js知识哦

正文

怎么做?有哪些需求?我们以前在前言说了,我们下面就直接上代码,为了照顾有些小白,我将在部分代码代码边写注释哦~

js代码


//txt:文本框  btn:按钮
//根据元素id来绑定
//也定义一些需要的变量,比如随机数为r,暂且设为空
var txt=document.getElementById("txt"),
btn=document.getElementById("btn"),
r=null;
//当点击按钮的时候,执行事件
//这里为了小白,本人写函数就不写es6的语法了
btn.onclick=function(){
//生成一个10以内的,因为从0开始,所以要写11
r=Math.random()*11;
//开始判断
//1.如果完全相等
if(txt.value==r){
//弹框提示
alert("猜对了");
//2.如果猜的大了
}else if(txt.value>r){
alert("猜的数大了");
//先写到这里,比如下来,可以写个如果小于的时候怎么办
}
}

这样的话,一个简单的猜数字游戏,就已经用js实现了,本人的注释也尽力写的清楚哈,当然,还可以再优化下,比如用户什么没输入,就点了按钮,这时,可以判断下并弹出框提示,这个的话,有能力的下去可以试一下哈,如果上述代码有哪个地方没看懂,欢迎评论区留言,将尽力帮助到你

结尾

最后,感谢您访问悟空博客并阅读完这篇文章,希望本篇文章内容能对你有所帮助哦~

上一篇 下一篇

添加评论

| 发送

评论(0)

空空如也哦~