HTML抽獎機是一種常見的網(wǎng)絡(luò)應(yīng)用程序,允許用戶隨機獲取給定的獎品或獎勵。以下是一個HTML抽獎代碼的示例,可以用于個人或商業(yè)用途。
<!DOCTYPE html> <html> <head> <title>HTML抽獎機</title> </head> <body> <h1>HTML抽獎機示例</h1> <p>請輸入獎項信息和抽獎人員名單:</p> <form> <label for="prize">獎項:</label> <input type="text" id="prize" name="prize"> <br> <label for="participants">抽獎人員:</label> <textarea id="participants" name="participants" rows="8" cols="40"></textarea> <br> <input type="button" value="開始抽獎" onclick="selectWinner()"> </form> <p id="result"></p> <script> function selectWinner() { var prize = document.getElementById("prize").value; var participants = document.getElementById("participants").value; var participantsArray = participants.split("\n"); var winner = participantsArray[Math.floor(Math.random() * participantsArray.length)]; document.getElementById("result").innerHTML = "恭喜 " + winner + " 獲得 " + prize + " !"; } </script> </body> </html>
在上面的代碼示例中,使用了HTML的<form>元素和<input>元素,以便用戶輸入獎項信息和抽獎人員名單。同時,還使用了JavaScript函數(shù)selectWinner()來選擇一個隨機的中獎?wù)?,并將其顯示在頁面上。
如果你想使用這個HTML抽獎機,可以將代碼復(fù)制粘貼到你自己的HTML文件中,并根據(jù)需要進行修改。但請注意,這只是一個簡單的示例,不包含任何錯誤處理或安全功能,建議在實際應(yīng)用中加以改進。