CSS 數(shù)組抽獎：如何使用 CSS 數(shù)組來實現(xiàn)一個抽獎程序？

// 定義一個存儲名字的數(shù)組
var names = [
'小明', '小紅', '小李', '小王', '小張', '小趙', '小錢', '小周'
];
// 獲取一個隨機數(shù)
var randomIndex = Math.floor(Math.random() * names.length);
// 輸出中獎?wù)叩拿?
console.log(names[randomIndex]);

這段代碼中，我們首先定義了一個存儲名字的數(shù)組，稱之為 names 。在隨機選出中獎?wù)叩臅r候，我們使用了 Math.random() 方法來獲取一個在 0~1 之間的隨機數(shù)，然后將其乘以數(shù)組長度 names.length ，得出的結(jié)果是一個 0~數(shù)組長度之間的隨機數(shù)，再使用 Math.floor() 方法將其向下取整，最終得出一個 0~數(shù)組最后一個元素的隨機下標(biāo) randomIndex 。最后，我們通過 console.log() 方法將中獎?wù)叩拿州敵龅娇刂婆_。

當(dāng)然，上面的代碼只是一個簡單的案例。如果要擴展功能，可以增加輸入框來手動添加名字、刪除已選名字、設(shè)置多個獎項等等。另外，我們還可以結(jié)合 CSS 樣式，美化界面，讓抽獎變得更加生動有趣。