首页 > 编程知识 正文

简单的java界面版猜数字游戏(1到100猜数字游戏规则)

时间:2023-05-06 10:58:35 阅读:66463 作者:415

数字游戏网页版本数字游戏页面展示:具体实现:

猜数字游戏

实现猜谜游戏。

随机生成数字,然后猜该数字的大小,直到输入数字并猜对该数字为止。 如果ajdxtd输入的此数字小于此随机数,则提示会变小;如果ajdxtd输入的数字大于此随机数,则提示会变大。 在猜这个随机数之前,恭喜输出。 退出程序。

怎么在主页上实现猜谜游戏?

需要html/css/JavaScript

html是用于展示的

css美化界面(设置背景、颜色…)

计算JavaScript

显示页面:

具体来说: doctypehtmlhtmllang=' zh-cqdxbw ' headmetacharset=' uft-8 ' title猜测数/titlelinkrel=' style sheet ' href=' sttttad input type=' text ' id=' number ' buttontype=' button ' id=' button '猜测/button br br已经是span br br结果: span id=' result ' buttonscriptvarinpute=document.query varco unte=document.query selector (' # count '; var resulte=document.query selector (' # result ' ); var BTN=document.query selector (' # button ' ); varresetbtn=document.query selector (' # reset '; //随机计数varguessnumber=math.floor (math.random () *100 ) 1; var count=0; btn.onclick=function () { count; countE.innerText=count; varuserguess=parseint (inpute.value; if(userguess==guessnumber ) { resultE.innerText='击中'; }elseif(userguessguessnumber ) { resultE.innerText='小猜'; }else{ resultE.innerText='猜大了'; resultE.style='color:red '; }; resetBtn.onclick=function () /产生随机数。 0-1之间,所以乘以100,向下取整后再添加guess number=math.floor (math.random ) ) * 100 count=0; countE.innerText=count; resultE.innerText=' '; inputE.value='; }/script/body/html.body { font-family : serif; font-size: 25px; color : RGB (37、11、72; 背景影像:线性梯度(0.25 turn、#3f87a6、#ebf8e1、#f69d3c ); padding: 0px; padding-left: 20%; margin: 10%; }* { box-sizing: border-box; padding :自动; (输入) width:calc ) 30%; font-size: 10px; Outline :无; border :2 pxsolidrgb (87、143、147 ); border-radius: 3px; padding: 8px 20px; line-height: 1.5em; } button {文本对齐: center; width:calc(10%; border :否; border-radius: 3px; 背景色: RGB (98、86、243 ); font-size: 14px; 字体权重: bold; color:白色; 文本- shadow :01px 0黑色; line-height: 2em; box-shadow :04 px0RGB (21、11、151 ); letter-spacing: 30px; padding-left: 34px; }虽然有点难看,但主要是审美性差,颜色界面组合差,审美性很硬的伤口。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。