在JavaScript中，我們可以輕松地實現彩票中獎號碼的顯示。無論是雙色球、大樂透還是其他類型的彩票，只需要按照相應的規則生成隨機數即可。下面我們來看看該如何實現。

首先，我們需要定義一個函數，在其中生成隨機數，模擬彩票開獎。例如，以下是生成雙色球中獎號碼的代碼：

function generateLotteryNumber() {
var redBalls = [];
while (redBalls.length < 6) {
var redBall = Math.floor(Math.random() * 33) + 1;
if (redBalls.indexOf(redBall) === -1) {
redBalls.push(redBall);
}
}
redBalls.sort(function(a, b) {
return a - b;
});
var blueBall = Math.floor(Math.random() * 16) + 1;
return {
red: redBalls,
blue: blueBall
};
}

在這個函數中，我們首先創建一個空數組來存放紅色方塊。然后，我們使用while循環確保生成的球數不少于6個。每次迭代時，我們生成一個1到33之間的隨機數，然后使用indexOf方法檢查該數字是否已經存在于數組中。如果不存在，我們將它添加到數組中。最后，我們使用sort方法對紅色球進行排序，并生成1到16之間的另一個隨機數來作為藍色球。

接下來，我們需要定義另一個函數來顯示中獎號碼。這里我們需要使用HTML和CSS來美化我們的頁面。例如：

function displayLotteryNumber(lotteryNumber) {
var html = '';
html += '<div class="lottery-number">';
html += '<div class="header">雙色球</div>';
html += '<div class="red-balls">';
html += '<span class="label">紅球</span>';
for (var i = 0; i < lotteryNumber.red.length; i++) {
html += '<span class="ball red">' + lotteryNumber.red[i] + '</span>';
}
html += '</div>';
html += '<div class="blue-ball">';
html += '<span class="label">藍球</span>';
html += '<span class="ball blue">' + lotteryNumber.blue + '</span>';
html += '</div>';
html += '</div>';
document.body.innerHTML = html;
}

在這個函數中，我們首先創建一個字符串變量來存儲HTML代碼。然后，我們依次添加一個標題、紅色球和藍色球。對于每一個球，我們都使用一個元素來創建它，并為其添加一個類名與相應的樣式規則關聯。最后，我們使用innerHTML屬性將我們生成的HTML代碼插入到文檔主體中。

最后，我們需要將這兩個函數結合起來，以便在單擊一個按鈕時生成和顯示中獎號碼。例如：

var button = document.querySelector('button');
button.addEventListener('click', function() {
var lotteryNumber = generateLotteryNumber();
displayLotteryNumber(lotteryNumber);
});

在這個代碼段中，我們使用querySelector方法獲取頁面上的“button”元素，并添加一個單擊偵聽器。在偵聽器中，我們首先生成一個新的中獎號碼，然后將其傳遞給我們的顯示函數，以便在屏幕上顯示。完成之后，用戶只需單擊按鈕即可隨時查看任何彩票游戲的中獎號碼。