InnerHTML Lösung benötigt - Sollte einfach zu beantworten sein

Question

Ich bin neu in JavaScript, also bitte verstehe meine Situation.

Ich habe ein einfaches HTML-Formular erstellt, das ein Dropdown-Menü enthält (um die Menge des Artikels auszuwählen) und einen Absenden-Button (zum Hinzufügen zu einem Einkaufswagen).

Nach dem Absenden werden die Ergebnisse des Formulars in einer Tabelle auf der Webseite angezeigt.

Bis jetzt mit meinem Code kann ich die Ergebnisse der Formularoptionen anzeigen.

Allerdings muss ich die Menge durch die Variable Ergebnis für "qtytoy1" ersetzen.

Hier ist mein Code.

function addToy1New() 
{ 
var i = document.getElementById("qty_toy1"); 
var qtytoy1 = i.options[i.selectedIndex].text; 
var htmlTagString="<table width=\"100%\" border=\"0\">" 
        +" <tr>" 
        +" <td>Optimus Prime</td>" 
        +" <td> x 1</td>" 
        +" <td>$26.99</td>" 
        +" </tr>" 

        +" <tr>" 
        +" <td></td>" 
        +" <td>Total:</td>" 
        +" <td>$26.99</td>" 
        +" </tr>" 
        +"</table>"; 

document.getElementById("toy1_add").innerHTML=htmlTagString; 
document.getElementById("toy1_test").innerHTML=qtytoy1; 
} 

Wie kann ich "$ 26.99" durch meine Variable "qtytoy1" ersetzen?

Ich bin mir ziemlich sicher, dass es um diese Methode bessere Möglichkeiten gibt. Bitte teilen Sie, wenn Sie denken, aber stellen Sie sicher, dass es für einen Anfänger wie mich verständlich ist. :)

Answer 1

var htmlTagString="<table width=\"100%\" border=\"0\">" 
        +" <tr>" 
        +" <td>Optimus Prime</td>" 
        +" <td> x 1</td>" 
        +" <td>" + qtytoy1 + "</td>" 
        +" </tr>" 

        +" <tr>" 
        +" <td></td>" 
        +" <td>Total:</td>" 
        +" <td>" + qtytoy1 + "</td>" 
        +" </tr>" 
        +"</table>"; 

Answer 2

sollten Sie in der Lage sein, die replace Methode auf Zeichenfolge zu verwenden:

htmlTagString = htmlTagString.replace("$26.99", qtytoy1); 

gehen dann von dort weiter.