html 抽奖机 代码

HTML抽奖机是一种常见的网络应用程序，允许用户随机获取给定的奖品或奖励。以下是一个HTML抽奖代码的示例，可以用于个人或商业用途。

!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函数selectWinner()来选择一个随机的中奖者，并将其显示在页面上。

如果你想使用这个HTML抽奖机，可以将代码复制粘贴到你自己的HTML文件中，并根据需要进行修改。但请注意，这只是一个简单的示例，不包含任何错误处理或安全功能，建议在实际应用中加以改进。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！