今年公司的年會上,我們使用了HTML5來制作抽獎游戲,現在就讓我們來看看抽獎代碼吧!
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>抽獎游戲</title> </head> <body> <h1>抽獎游戲</h1> <p>點擊“開始抽獎”按鈕,有機會獲得豐厚獎品哦!</p> <button onclick="startLottery()">開始抽獎</button> <p id="result"></p> <script> var prize = ["iPhone12", "iPad Pro", "Airpods Pro", "電影票", "加油卡", "謝謝惠顧"]; //獎品列表 function startLottery(){ var index = Math.floor(Math.random() * prize.length); //隨機獲取獎品索引 document.getElementById("result").innerHTML = "恭喜您獲得了:" + prize[index]; //展示中獎結果 } </script> </body> </html>
以上就是我們使用HTML5制作的抽獎游戲代碼,通過JavaScript的隨機數函數來實現抽獎的效果,非常簡單易懂,大家也可以參考這個例子來制作自己的抽獎游戲哦!