Javascript和HTML混合（數組選擇）

Question

單選按鈕

<div class="radio" >
   <input type="radio" name="round" > Round 1<br>
   <input type="radio" name="round" onclick="round2();" checked> Round 2<br>
   <input type="radio" name="round" value="r3"> Round 3 <br>
</div >

    <div class="app" >
        <h2>LootChest Generator</h2>
        <button type="submit" style="background-color:rgba(255,255,255,0.0); border:none;" id="resultButton" onclick="myFunction();"><img src="img/h.png" /></button>

<h1><p id="demo"></p></h1>
        <div id="deviceready" class="blink">
//javascript
function myFunction() { 
   //"Topaz", "Opal", "Moonstone", "Pearl", "Turquoise", "Garnet", "Onyx", "Alexandrite", "Agate"

    var Loot = ["Ruby", "Jade","Obsidian"];
    //Loot.push("topaz!","diamond!");
    var Hrandom = Loot[Math.floor(Loot.length * Math.random())];

        document.getElementById("demo").innerHTML =
        ""+Hrandom;

    function round2()
    {
       Loot.push("diamond!");
    }
}

-已經嘗試了好幾個小時/幾天，卻無法做到。 我只想在html中顯示3-5個元素的數組，然后如果選擇了radio 2，則添加更多元素，與radio 3相同。我是否必須設置if條件？ 我試圖添加數組推，但不知道如何使其工作。 我在w3school讀了很多書，但是我只是對很多信息感到困惑，大腦也很差。

Answer 1

看來您需要學習許多JavaScript，因此，如果沒有更多具體信息，就很難向您指明正確的方向。 如果您想動態地向頁面添加內容，這聽起來像是您的樣子，那么您可能需要研究類似jQuery或Knockout JS的內容。 如果您不想添加除純JavaScript之外的任何內容，則可能需要嘗試在單選按鈕的輸入代碼中添加onclick="yourfunction()" ，然后將yourfunction()添加其他部分的區域數組。 查看數組和文檔對象模型（DOM），以了解如何根據JavaScript中的內容添加內容。 希望其中一些會有所幫助！

Answer 2

要在JavaScript中添加內容，請執行以下操作：

document.getElementById("demo").innerHTML += " " + Hrandom;

注意等號之前的加號。 否則，您將用新內容替換舊內容。