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个元素组成的数组，然后如果选择了第2个元素，则添加更多元素，这与第3个元素相同。我是否必须设置一个if条件？我试图添加数组推送，但不知道如何使其工作。我在w3school上读了很多，但我只是感到困惑，太多的信息，可怜的大脑。

Answer 1

看起来你有很多JavaScript需要学习，所以如果没有更具体的信息，很难给你指明正确的方向。如果您希望动态地将内容添加到页面中，那么您可能需要考虑jQuery或Knockout JS之类的内容。如果您不想添加纯JavaScript之外的任何内容，您可能希望尝试将onclick="yourfunction()"添加到单选按钮的输入标记中，然后将yourfunction()作为添加数组其他部分的区域。查看数组和文档对象模型(DOM)，了解如何根据JavaScript中的内容添加内容。希望其中的一些能有所帮助！

Answer 2

要在JavaScript中添加内容，请执行以下操作：

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

注意等号前面的加号。否则，您将用新内容替换旧内容。