1702月

JS点击抽取随机的优惠券怎么写?求大神帮忙! 这个可以直接点击领取的...

作者：优优 | 分类：优惠大全 | 浏览量：59
发表时间：2025-02-17 17:38:24

<!DOCTYPE html>
<html>
<head>
 <meta charset= utf-8 />
 <meta name= format-detection  content= telephone=no >
 <title>test</title>
 <style type= text/css >
 body{text-align: center;}
 .div1{
 max-width: 1000px;
 margin: 50px auto;
 padding: 20px 0;
 background-color: #efa;
 }
 </style>
</head>
<body>
 <div class= div1 >试试手气</div>
 <button class= btn >点击抽奖</button>
 <script type= text/javascript >
 window.onload=function(){
 // var form=document.forms[0];
 var oDiv=document.querySelector( .div1 );
 var oBtn=document.querySelector( .btn );
 var arr=[
 {item: 美女一个 ,chances:20},
 {item: 巴掌一个 ,chances:15},
 {item: 嗜血珠 ,chances:20},
 {item: 摄魂棒 ,chances:20},
 {item: 诛仙剑 ,chances:25}
 ]; //奖项对象
 // 处理数据
 var start_num=0;
 for(var i=0,len=arr.length;i<len;i++){
  
 if(i!=0){
 start_num+=arr[i-1][ chances ];
 }
 arr[i].range=[start_num,(start_num+arr[i][ chances ]-1)];
 }
 oBtn.onclick=function(){ //绑定事件
 setFunc();
 }
 console.log(arr);
 function setFunc(){
 var num=parseInt(Math.random()*100);
 for(var j=0,len=arr.length;j<len;j++){
 if(arr[j][ range ][0]<=num && arr[j][ range ][1]>=num){
 oDiv.innerHTML= 恭喜你获得 +arr[j][ item ];
 }
 }
 }
 }
 </script>
</body>
</html>

写了个例子，可以参考一下思路

需要用ajax像服务器发送请求，js只是做效果用的

本文链接：https://you-hui.com/youhuidaquan/JS-dian-ji-chou-qu-sui-ji-de-you-hui-quan-zen-me-xie-qiu-da-shen-bang-mang-zhe-ge-ke-yi-zhi-jie-dian-ji-ling-qu-de-1739785104.html
标签： ... 优惠券怎么写 js优惠券选择

JS点击 抽取随机的优惠券怎么写?求大神帮忙! 这个可以直接点击领取的...

相关文章：

JS点击抽取随机的优惠券怎么写?求大神帮忙! 这个可以直接点击领取的...