页面弹窗猜随机数

简介: 页面弹窗猜随机数

今天分享一个小游戏:在页面中弹出一个弹窗,生成一个随机数,来猜这个随机数

猜对弹窗消失,猜错一直弹窗重新猜

我先给你们展示一个从1到10的吧

请看VCR:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
 
    <script>
      let rdm = Math.ceil(Math.random() * 10)
 
      function art() {
        let prt =prompt('来猜一下我是多少吧1-10之间哦', '')
        if (prt == rdm) {
          alert("答对咯")
        } else if (prt < rdm) {
          alert("有点小咯")
           art()
        } else if (prt > rdm) {
          alert("有点大咯")
           art()
        }
      }
      art()
      console.log(rdm);
    </script>
  </body>
</html>

用于给朋友的页面中加上这个,是不是觉得很整蛊呢

相关文章
|
算法 前端开发 JavaScript
滑块验证码------啥?你居然还在手动滑动,你不来试试自动滑动吗
滑块验证码------啥?你居然还在手动滑动,你不来试试自动滑动吗
648 0
|
7月前
|
前端开发 JavaScript
如何在文本域右下角设置字数限制提示
如何在文本域右下角设置字数限制提示
163 3
|
小程序
微信小程序扫描二维码的内容,作为参数跳转填入到下一个页面input框
微信小程序扫描二维码的内容,作为参数跳转填入到下一个页面input框
100 1
文本-----优化地方----添加搜索框,快捷链接,跳转页面要放置页数跳转框
文本-----优化地方----添加搜索框,快捷链接,跳转页面要放置页数跳转框
|
8月前
在viewWillAppear函数中禁止左滑,viewWillDisappear开启左滑动产生进入下一个页面来回滑动造成无法点击点击按钮问题
在viewWillAppear函数中禁止左滑,viewWillDisappear开启左滑动产生进入下一个页面来回滑动造成无法点击点击按钮问题
46 0
|
8月前
|
小程序
小程序页面左右滑动
小程序页面左右滑动
273 0
页面点击随机字符
页面点击随机字符
59 0
|
前端开发
CSS实现头像右上角消息数字提示
CSS实现头像右上角消息数字提示
110 0
|
数据安全/隐私保护
uniapp自定义密码输入键盘-数字键盘效果demoUI方法一(整理)
uniapp自定义密码输入键盘-数字键盘效果demoUI方法一(整理)