利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分

第一步:HTML

首先先来写html的输入你要抽奖的内容

 第二步:JavaScript

利用js改变placeholder里面的提示,可以循环输入多个,但是主要!输入的值要存起来,我们选择用数组存起来

let a = 2;
 let arr = [];
 function cun() {
 document.getElementById("a").placeholder = "请输入第" + a + "个";
 var input1 = document.getElementById('a');
 // 获取输入框的值
 var zhi = input1.value;
 // 将值添加到数组中
 arr.push(zhi);
 document.getElementById("a").value = "";
 a++;
 }

这里先创建了一个变量,用来存placeholder里面的提示的第几个,html确定的按钮里面加了一个点击事件,我们点击就会进入cun的函数里面,就相当于输入第一个,然后确定把里面的提示变量赋值成二,在把提示改变,然后把刚刚输入第一个值存进数组里面,把a++,自增,每次增加一,每次写完就确定,无限循环输入

第三步:JavaScript抽

function cho() {
 let b = Math.random() * ((arr.length-1) + 0) + 0;
 let c = Math.ceil(b);
 console.log(c)
 alert(arr[c]);
 }

如果你全部写完,最后点击确定的时候,就可以点击开始抽,就会进去cho函数里面,后面会教大家Math.random随机数,现在先来简单讲解一下,如果你单写Math.random()就是默认抽0~1的随机数,如果要随便写随机数,就在后面加上一个公式,随机数乘最大减最小加最小,就比如我要抽1~100的随机数就这样写var a=Math.random()*(100-1)+1

最后,大家也可以自己做一个简单的抽奖系统加一些CSS样式,感谢大家

作者:it_s_ranining原文地址:https://blog.csdn.net/it_s_raining/article/details/144111858

%s 个评论

要回复文章请先登录注册