大家好，今天我們要介紹的是HTML年會抽獎代碼。
<!DOCTYPE html>
<html>
<head>
<title>HTML年會抽獎</title>
<script>
function drawWinner() {
var names = ["張三", "李四", "王五", "趙六", "錢七"];
var winner = names[Math.floor(Math.random() * names.length)];
document.getElementById("result").innerHTML = winner;
}
</script>
</head>
<body>
<h1>HTML年會抽獎</h1>
<button onclick="drawWinner()">抽獎</button>
<h2>中獎人:</h2>
<p id="result"></p>
</body>
</html>代碼中，我們定義了一個函數drawWinner()，用來隨機抽取中獎人。將名字存儲在數組中，通過Math.random()函數生成0到1之間的隨機數，再通過Math.floor()函數將隨機數向下取整，就可以得到一個整數索引。最終抽取出的名字即為names數組中對應的索引位置的值。使用document.getElementById()函數將中獎人展示在頁面上。
頁面中，我們使用了元素，通過onclick事件觸發函數drawWinner()，實現抽獎功能。使用
標題
元素和段落
元素將中獎人展示出來。以上就是HTML年會抽獎代碼的實現，大家可以自行復制使用。
上一篇HTML常見代碼意思
下一篇vue實現郵件訂閱