利用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样式,感谢大家
利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分利用JavaScript简单做一个“抽奖系统” JavaScript抽奖系统是一种基于JavaScript技术实现的在线抽奖应用,它通常包含用户交互界面、抽奖逻辑和结果展示等部分