抽奖程序介绍:
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>