HTML(Hyper Text Markup Language)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)記語言。HTML抽獎(jiǎng)機(jī)就是使用HTML語言創(chuàng)建的一款抽獎(jiǎng)程序,它能夠讓網(wǎng)站訪問者通過抽獎(jiǎng)活動(dòng)參與,并獲得不同的獎(jiǎng)品。接下來,我們將會(huì)介紹一款基于HTML語言的抽獎(jiǎng)機(jī)代碼。
<!DOCTYPE html> <html> <head> <title>HTML 抽獎(jiǎng)機(jī)代碼</title> </head> <body> <h1>抽獎(jiǎng)機(jī)</h1> <p>請(qǐng)輸入您的姓名和手機(jī)號(hào)碼,參與抽獎(jiǎng):</p> <form> <label>姓名:</label> <input type="text" id="name" name="name"> <br> <label>手機(jī)號(hào)碼:</label> <input type="text" id="phone" name="phone"> <br> <button type="button" onclick="lottery()">抽獎(jiǎng)</button> </form> <script type="text/javascript"> function lottery() { var names = ["Jack", "Lucy", "Tom", "Jerry", "Emily", "Kate"]; var phones = ["136****4567", "158****2323", "187****3456", "139****5678", "150****7890", "159****1234"]; var randomIndex = Math.floor(Math.random() * names.length); var name = document.getElementById("name").value; var phone = document.getElementById("phone").value; if (names[randomIndex] === name && phones[randomIndex] === phone) { alert("恭喜您中獎(jiǎng)了!"); } else { alert("很遺憾,你沒有中獎(jiǎng)!"); } } </script> </body> </html>
以上是一份簡(jiǎn)單的抽獎(jiǎng)機(jī)代碼,它使用了HTML表單和JavaScript函數(shù)來實(shí)現(xiàn)抽獎(jiǎng)功能。在頁面中,用戶需要填寫姓名和手機(jī)號(hào)碼,然后點(diǎn)擊“抽獎(jiǎng)”按鈕就可以開始抽獎(jiǎng)。代碼會(huì)根據(jù)預(yù)設(shè)的參與人員列表隨機(jī)選擇一個(gè)中獎(jiǎng)?wù)摺H绻歇?jiǎng)?wù)叩男彰褪謾C(jī)號(hào)碼與用戶輸入的相同,那么就會(huì)彈出“恭喜您中獎(jiǎng)了!”的提示框,否則就會(huì)彈出“很遺憾,你沒有中獎(jiǎng)!”的提示框。