js通过输入年龄判断是否可以抽奖

简介: js通过输入年龄判断是否可以抽奖

抽奖程序介绍:

1. 年龄18岁或小于18岁, 提示 用户年龄尚小

2. 大于18岁小于25岁提示( 您正值青少年)

3. 25 - 35 岁提示您正值壮年        

4. 36 - 65 岁提示加油        

5. 大于等于66岁则可以进行抽奖, 用户在十秒内点击按钮20次, 提示抽奖成功, 否则失败

根据需求可知:

需要有一个input框来输入年龄,并且需要有一个按钮来点击进行判断是否比66大

(可以有一个提交按钮,当输入的值大于66的时候抽奖按钮才出来,我这里为了方便就直接用一个按钮了)

当大于66岁的时候,需要再有一个input框,默认值为0,每点击一次抽奖按钮,他就会加1,

在10秒内如果点击的次数超过20即为抽奖成功,反之则失败

<body>
    <div>
    <input type="number" id="age" value="" placeholder="请输入">
    <input type="text" name="" id="num" value="">
    <!-- <input type="number" id="click" value="0" placeholder="10"> -->
    <input type="button" onclick="button()" id="button" value="抽奖">
    </div>
    <script>
      let age = document.getElementById('age')
    function button(){
      let ages = age.value
      if(ages<=18){
        alert('用户年龄尚小')
      }else if(ages>18&&ages<=25){
        alert('您正直青少年')
      }else if(ages>25&&ages<=35){
        alert('壮年')
      }else if(ages>35&&ages<=65){
        alert('加油')
      }else{
        let num = document.getElementById('num')
        num.value++
        console.log(num);
        time()
      }
      function time(){
        setTimeout(()=>{
          if(num.value>20){
            alert('抽奖成功')
          }else{
            alert('抽奖失败')
          }
        },10000)
      }
    }
    </script>
  </body>


相关文章
|
7月前
|
移动开发 JavaScript 前端开发
分享46个JS抽奖转盘,总有一款适合您
分享46个JS抽奖转盘,总有一款适合您
179 1
|
7月前
|
JavaScript 前端开发
js制作九宫格抽奖功能
js制作九宫格抽奖功能
57 0
|
3月前
|
存储 JavaScript 前端开发
用 HTML + JavaScript DIY 渐进式延迟法定退休年龄测算器
用 HTML + JavaScript DIY 渐进式延迟法定退休年龄测算器
|
1月前
|
JavaScript
原生js炫酷随机抽奖中奖效果代码
原生js随机抽奖是一个炫酷的根据数据随机抽奖的代码,该网页可进行随机抽取一个数据,页面动画高科技、炫酷感觉的随机抽奖效果,简单好用,欢迎下载!
46 3
原生js炫酷随机抽奖中奖效果代码
|
2月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
21 2
|
2月前
|
JavaScript
js学习--抽奖
js学习--抽奖
23 1
|
4月前
|
JavaScript 前端开发
JS九宫格抽奖制作
JS九宫格抽奖制作
36 0
|
4月前
|
JavaScript
js之九宫格抽奖
js之九宫格抽奖
36 0
|
6月前
|
JavaScript 前端开发
JS九宫格抽奖
JS九宫格抽奖
|
7月前
|
JavaScript 计算机视觉
原生js通过年龄判断是否可以抽奖
原生js通过年龄判断是否可以抽奖
40 0