InnerHTMLソリューションが必要 - 回答が簡単になるはず

Question

私はJavaScriptを初めて使っています。自分の状況を理解していてください。

私はドロップダウンメニュー（項目数を選択する）と送信ボタン（カートに追加する）を含む単純なHTMLフォームを作成しました。

フォームの結果が送信されると、その結果がウェブページの表に表示されます。

これまでのコードでは、フォームオプションの結果を表示できます。

しかし、量を "qtytoy1"の変数結果に置き換える必要があります。

ここに私のコードです。

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; 
} 

どのように私は、変数 "qtytoy1" と "$ 26.99" 置き換えることができますか？

私はこの方法の方が良い方法があると確信しています。あなたがそう思っている場合は共有してくださいが、自分のような初心者にとっては理解できることを確認してください。 :)

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

あなたは、文字列にreplaceメソッドを使用することができるはずです。

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

が、そこから上に行きます。