Javascript und HTML-Mix (Array-Auswahl)

Question

Radioknopf

<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!"); 
    } 
} 

- haben versucht, dies für Stunden/Tage und kann nicht tun. Ich möchte nur ein Array von 3-5 Elementen in einem HTML anzeigen, dann fügen Sie mehr hinzu, wenn das Radio 2 ausgewählt ist, gleiches mit Radio 3. Muss ich eine if Bedingung machen? Ich habe versucht, den Array-Push hinzuzufügen, weiß aber nicht, wie ich es zum Laufen bringen soll. Ich lese viel in der Schule, aber ich werde nur verwirrt, zu viel Information, schlechtes Gehirn.

Answer 1

Es sieht so aus, als ob Sie eine Menge JavaScript lernen müssen, daher ist es schwierig, Sie ohne genauere Informationen in die richtige Richtung zu weisen. Wenn Sie Inhalte dynamisch zur Seite hinzufügen möchten, was sich nach Ihrem Geschmack anhört, dann sollten Sie sich etwas wie jQuery oder Knockout JS ansehen. Wenn Sie nichts anderes als reines JavaScript hinzufügen möchten, können Sie versuchen, onclick="yourfunction()" in die Eingabe-Tags für Ihre Optionsfelder einzufügen und dann yourfunction() den Bereich zu machen, in dem Sie die anderen Teile des Arrays hinzufügen. Sehen Sie sich Arrays und das Document Object Model (DOM) an, um zu sehen, wie Sie Inhalte basierend auf dem, was Sie in JavaScript haben, hinzufügen können. Hoffentlich hilft das!

Answer 2

Um etwas in JavaScript zu tun hinzufügen:

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

Hinweis auf das Pluszeichen vor dem Gleichheits. Andernfalls ersetzen Sie den alten Inhalt durch den neuen.