抽奖程序介绍:
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>
版权声明:本文为qq_63608386原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。