首頁 > 開發者 > JavaScript
基於JavaScript實現幸運抽獎頁面，javascript幸運抽獎
JS實現簡單的幸運抽獎頁面，供大家參考，具體內容如下
：
圖片素材 ：
代碼如下，複製即可使用：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>幸運抽獎頁面</title> <style> /*CSS代碼*/ *{ padding:0; margin:0; } .login-box{ width:500px; height:430px; /* border:1px solid red;*/ /*水平置中*/ margin:100px auto; <!-- 此處需要修改為自己的圖片路徑 --> background: url(img/tx1.png) no-repeat; box-shadow: 0 0 2px rgba(0,0,0,.5); } .login{ padding:5px; border:0 none; background: #0a88e1; color: white; font-size:12px; text-align: center; width:220px; line-height: 20px; margin-top:200px; margin-left:120px; } </style></head><body> <div class="login-box"> <input type="button" value="點擊開始抽獎" class="login" id="luckbtn" onclick="luck()"/> </div></body><script> //JS代碼：幸運抽獎 var no = prompt("請輸入您的四位會員卡號："); //擷取到抽獎按鈕 document.getElementById("luckbtn").value =no+"-歡迎你，點擊開始抽獎" ; //當點擊抽獎按鈕的時候調用，幸運抽獎的規則及提醒，功能 function 函數 function luck(){ //系統隨機產生一個0-10之間的隨機整數 :Math.random() 0-1之間的浮點數 var num = parseInt(Math.random()*10); /*alert(num);*/ //隨機數=會員卡號的百位元 /* var gewei = no%10; alert(gewei);*/ /*var shiwei = parseInt(no/10%10); alert(shiwei);*/ var baiwei = parseInt(no/100%10); /*alert(baiwei);*/ if(baiwei == num){ alert("恭喜"+no+",您中獎了！"); }else{ alert("對不起，"+no+"，您沒有中獎！"); } }</script></html>
如果您有更好的方法或更多的功能，可以和我們大家一起分享哦，如有錯誤，歡迎聯絡我改正。
以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援幫客之家。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
