如何用弹窗制作一个简单的抽奖功能

这是一个用HTML和JavaScript实现的条件判断抽奖页面。用户需要输入年龄,根据年龄的不同,页面会给出相应的提示信息。

代码首先弹出一个提示框,告诉用户正在进入抽奖页面。然后通过事件监听,当用户点击确认按钮时,获取用户输入的年龄,通过多个if语句判断年龄的范围,并给出相应的提示信息。如果年龄小于18,提示不可抽奖,是未成年;如果年龄在18到25之间,提示不可以抽奖,是青少年;如果年龄在25到35之间,提示不可以抽奖,是壮年;如果年龄大于等于60,提示请在10秒内展示您的手速,并显示抽奖按钮和输入框,设置一个计时器,10秒后根据点击抽奖按钮的次数给出奖品提示。

在代码的后面,定义了一个变量adraws来记录点击抽奖按钮的次数,初始化为0。当用户点击抽奖按钮时,adraws的值增加,同时将其显示在输入框中。在计时器的回调函数中,根据adraws的值给出相应的奖品提示,然后将输入框和抽奖按钮的显示隐藏,将adraws重置为0,并清空年龄输入框的值。

需要注意的是,代码中还存在一些问题,比如输入的年龄为负数时没有进行处理,抽奖成功后没有重新抽奖的逻辑等。你可以根据需要进行修改和完善。



	
		
		
		条件判断抽奖
		
	
	
		
		
		
		
	
	

 

你可能感兴趣的:(js练手功能,css,html5)