JS实现网页端猜数字小游戏

 更新时间:2020年03月06日 09:08:42   作者:Joish丶  
这篇文章主要为大家详细介绍了JS实现网页端猜数字小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了JS实现网页端猜数字游戏的具体代码,供大家参考,具体内容如下

题目描述

电脑产生一个0到100之间的随机数字,并且要求用户来猜,如果用户猜的数字比这个数字大,电脑会提示“太大”,否则会提示“太小”,当用户正好猜中,电脑会提示“恭喜你猜对了,这个数是…”。在用户每次猜测之后,程序会输出用户第几次猜测。如果用户输入的根本不是一个数字,程序会告诉用户输入无效

代码实现

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>猜数字小游戏</title>
    <script type="text/javascript">
    var Random = Math.floor(Math.random()*101)
    alert("猜测一个0到100之间的整数")
    for (var i = 1; ; i++ ) {
      var val = prompt("第"+i+"次猜,请输入一个整形数字")
      if (isNaN(val) || val > 100 || val < 0) {
        alert("输入无效,请输入一个0到100之间的整数。")
      } else {
        if (val < Random) {
          alert("太小了,请再猜一次。")
        } else if (val > Random) {
          alert("太大了,请再猜一次。")
        } else if (val == Random) {
          alert("恭喜你猜对了,这个数是"+val)
          break
        }
      }
    }
    </script>
  </head>
  <body>

  </body>
</html>

这种小玩意不需要css渲染,把js在html里直接写就比较方便了,思路也没有什么可以说的,直接看效果吧。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • js 幻灯片的实现

    js 幻灯片的实现

    今天在群里看到有人要幻灯片的代码,于是我自己也想了想,做个总结。常见的幻灯片切换无非就是轮播和渐变,不管哪种都是用定时器来逐步改变图片或者图片组的某种属性来实现的
    2011-12-12
  • 利用NodeJS和PhantomJS抓取网站页面信息以及网站截图

    利用NodeJS和PhantomJS抓取网站页面信息以及网站截图

    这篇文章主要介绍了利用NodeJS和PhantomJS抓取网站页面信息以及网站截图的方法,提供实例代码供大家参考
    2013-11-11
  • js实现网页图片轮换播放

    js实现网页图片轮换播放

    这篇文章主要为大家详细介绍了js实现网页图片轮换播放,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JS将json字符串转换为JsonObject的多种实现方法

    JS将json字符串转换为JsonObject的多种实现方法

    在Web前端开发中,JSON(JavaScript Object Notation)作为数据交换格式被广泛使用,它轻量级且易于人类阅读和编写,同时也易于机器解析和生成,当从服务器接收数据时,我们需要将其转换为JSON对象以便于操作,本文将深入探讨如何利用JavaScript实现这一转换过程
    2025-02-02
  • 微信小程序自定义波浪组件使用方法详解

    微信小程序自定义波浪组件使用方法详解

    这篇文章主要为大家详细介绍了微信小程序自定义波浪组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • JS+CSS实现可拖动的弹出提示框

    JS+CSS实现可拖动的弹出提示框

    这篇文章主要介绍了JS+CSS实现可拖动的弹出提示框,涉及针对鼠标事件及html元素的操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 微信小程序通过保存图片分享到朋友圈功能

    微信小程序通过保存图片分享到朋友圈功能

    小程序内是不能直接分享到朋友圈的。所以只能通过生成图片,携带小程序二维码,保存到手机相册,让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。下面小编给大家分享实现代码,需要的朋友参考下吧
    2018-05-05
  • 使用javascript将时间转换成今天,昨天,前天等格式

    使用javascript将时间转换成今天,昨天,前天等格式

    这篇文章主要介绍了使用javascript将时间转换成今天,昨天,前天等格式的相关资料,需要的朋友可以参考下
    2015-06-06
  • 详解JavaScript如何实现一个简易的Promise对象

    详解JavaScript如何实现一个简易的Promise对象

    Promise对象的作用将异步操作以同步操作的流程表达出来,避免层层嵌套的回调函数,而且Promise提供了统一的接口,使得控制异步操作更加容易。本文介绍了如何实现一个简单的Promise对象,需要的可以参考一下
    2022-11-11
  • javascript结合canvas实现图片旋转效果

    javascript结合canvas实现图片旋转效果

    图片的旋转可以说是一种效果,但是逐渐旋转已经不单单是属于视觉效果那个范畴,其更具有使用性,功能性。照片有时候是需要横过来的拍的,当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成,然后再将旋转到正常角度的图片发布到web上。
    2015-05-05

最新评论