在html中，我们可以用代码实现许多有趣的功能。例如，一个抽奖程序是很容易实现的。下面是一个可以抽取手机号码的抽奖程序代码：
<!DOCTYPE html> <html> <head> <Meta charset="UTF-8"> <title>抽奖程序</title> </head> <body> <h1>抽奖程序</h1> <p>请输入您的手机号码参与抽奖（格式：11位手机号码）</p> <input type="text" id="phone_number" maxlength="11"> <!-- 输入框 --> <button onclick="draw()">点击抽奖</button> <!-- 抽奖按钮 --> <p>中奖名单：</p> <ul id="winners"></ul> <!-- 中奖名单列表 --> <script> function draw() { // 获取输入框中的手机号码 var phone_number = document.getElementById("phone_number").value; // 验证手机号码格式是否正确 if (!/^1[3-9]\d{9}$/.test(phone_number)) { alert("请输入正确的手机号码！"); return; } // 生成一个随机数（0到9之间的整数） var winner = Math.floor(Math.random() * 10); // 将中奖号码添加到中奖名单列表中 var winners = document.getElementById("winners"); var li = document.createElement("li"); li.appendChild(document.createTextNode(phone_number + " 中奖号码：" + winner)); winners.appendChild(li); // 清空输入框中的内容 document.getElementById("phone_number").value = ""; } </script> </body> </html>
以上代码通过获取输入框中的手机号码，进行格式验证，然后生成一个随机数作为中奖号码，并将中奖号码添加到中奖名单列表中，抽奖程序就完成了。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
