如何使用提供的代碼顯示六個元素中的一個？

Question

我找到了一段代碼，我正在嘗試編輯以便爲我的網站工作。而不是顯示2個元素之一，我需要顯示六個之一。我怎麼用這個代碼做這件事？

<script type="text/javascript"> 
    var value1 = 'sub1'; 
    var value2 = 'sub2'; 
    var value3 = 'sub3'; 
    var value4 = 'sub4'; 
    var value5 = 'sub5'; 
    var value6 = 'sub6'; 
    var chosenValue = Math.random() < 0.5 ? value1 : value2; 
    var chosenDiv = document.getElementById(chosenValue); 
    chosenDiv.style.display = "block"; 
</script> 

HTML看起來像這樣：

<h2 id="sub1">One</h2> 
<h2 id="sub2">Two</h2> 
<h2 id="sub3">Three</h2> 
<h2 id="sub4">Four</h2> 
<h2 id="sub5">Five</h2> 
<h2 id="sub6">Six</h2> 

Answer 1

使用數組！

var values = ["sub1","sub2","sub3","sub4","sub5","sub6"]; 
var chosenValue = values[Math.floor(Math.random() * values.length)]; 
var chosenDiv = document.getElementById(chosenValue); 
chosenDiv.style.display = "block"; 

這裏會發生什麼事是你必須在陣列中的所有你的價值觀，你通過使用數組長度爲界，隨機指標挑一個。然後，您只需應用該樣式。