Javascript 和 HTML mix(数组选择）

Javascript and HTML mix(array selection)

本文关键字：数组 选择 mix HTML Javascript      更新时间：2023-09-26

>单选按钮

<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读了很多书，但我只是对很多信息感到困惑，大脑很差。

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

要在 JavaScript 中添加一些东西，请执行以下操作： 

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

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

相关文章：