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

最新推荐文章于 2023-05-11 00:15:00 发布

哥很冷漠

最新推荐文章于 2023-05-11 00:15:00 发布

阅读量202

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_63608386/article/details/128131105

版权

抽奖程序介绍：

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>