JavaScript是一種被廣泛應用于Web開發的編程語言。一個很好的例子就是使用JavaScript來寫搖號系統。搖號是一種隨機選取的過程，它在各種場合下被廣泛應用，比如學校入學、圖書館借書、抽獎等。JavaScript可以幫助我們輕松寫出一個搖號系統，下面我們來看一下如何實現。
首先，我們需要一個空的數組來存儲參與者的名字，代碼如下：
let participants = [];
接下來，我們需要編寫一個函數來添加參與者的名字。用戶可以在頁面上輸入名字并點擊“添加”按鈕，將名字加入到參與者數組中。代碼如下：
function addParticipant() {
let name = document.getElementById("name").value;
participants.push(name);
}此時，參與者數組中已經存儲了所有的參與者名字。接下來，我們需要編寫一個函數來隨機選取獲獎者。代碼如下：
function lottery() {
let index = Math.floor(Math.random() * participants.length);
let winner = participants[index];
alert("恭喜 " + winner + " 獲得了大獎！");
}在這個函數中，我們使用了Math.random()函數來生成一個0到1之間的隨機數。我們將參與者數組的長度乘上這個隨機數并向下取整，得到的結果就是獲獎者在數組中的索引。最后，我們使用alert()函數將獲獎者的名字輸出到頁面上。
為了使搖號系統更加完善，我們可以添加一些額外的功能。比如，我們可以增加一個“重置”按鈕，讓用戶可以重新輸入參與者的名字。代碼如下：
function reset() {
participants = [];
document.getElementById("name").value = "";
}我們還可以增加一些校驗功能，比如防止用戶重復輸入同一個名字。代碼如下：
function addParticipant() {
let name = document.getElementById("name").value;
if (participants.indexOf(name) === -1) {
participants.push(name);
} else {
alert("該名字已經被輸入，請重新輸入！");
}
}最后，我們需要將所有的函數關聯到頁面上的按鈕和輸入框中。代碼如下：
// 添加參與者
document.getElementById("add").addEventListener("click", addParticipant);
// 搖號
document.getElementById("lottery").addEventListener("click", lottery);
// 重置
document.getElementById("reset").addEventListener("click", reset);我們可以在HTML頁面中添加以下代碼，來創建一個搖號系統：
<body> <input type="text" id="name" placeholder="請輸入參與者的名字"> <button id="add">添加</button> <button id="lottery">搖號</button> <button id="reset">重置</button> </body>
當用戶輸入名字并點擊“添加”按鈕時，該名字將被添加到參與者數組中。當用戶點擊“搖號”按鈕時，一個隨機獲獎者將被選出，并彈出一個提示框告訴用戶獲獎者是誰。當用戶點擊“重置”按鈕時，參與者數組將被清空，用戶可以重新輸入名字。
這就是使用JavaScript編寫搖號系統的方法。當然，這只是一個簡單的例子，你可以根據自己的需求和想象力來擴展它。有了JavaScript的支持，你可以輕松地創建各種互動性強、功能豐富的網頁應用程序。