HTML5 抽獎代碼是一種基于 HTML5 技術的抽獎應用程序。這種代碼可以在 Web 瀏覽器中運行，兼容多種設備和平臺，而且可以定制化不同的抽獎規則和樣式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 抽獎示例</title>
<style>
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
}
.grid-item {
padding: 10px;
background-color: #f2f2f2;
text-align: center;
}
</style>
</head>
<body>
<h1>HTML5 抽獎示例</h1>
<div class="grid">
<div class="grid-item">獎品 1</div>
<div class="grid-item">獎品 2</div>
<div class="grid-item">獎品 3</div>
<div class="grid-item">獎品 4</div>
<div class="grid-item">獎品 5</div>
<div class="grid-item">獎品 6</div>
<div class="grid-item">獎品 7</div>
<div class="grid-item">獎品 8</div>
<div class="grid-item">獎品 9</div>
</div>
<button id="start-button">開始抽獎</button>
<script>
var items = document.querySelectorAll('.grid-item');
document.getElementById('start-button')
.onclick = function() {
var index = Math.floor(Math.random() * items.length);
items.forEach(function(item) {
item.classList.remove('winner');
});
items[index].classList.add('winner');
};
</script>
</body>
</html>上面這段代碼是一個簡單的 HTML5 抽獎示例。首先定義了一個包含九個獎品格子的網格布局，每個格子有自己的內容和樣式。然后在頁面底部增加了一個“開始抽獎”的按鈕，并且使用 JavaScript 代碼實現了隨機選擇一個格子作為中獎項的功能。
這個 HTML5 抽獎代碼可以根據需要進一步擴展和修改，例如在中獎后彈出對話框提示用戶、增加抽獎次數限制、增加獎項的類型和數量等等。總之，HTML5 抽獎代碼為用戶提供了一個簡單、有趣、互動的抽獎體驗。