1つのコマンドでのIDの数を参照してください、私は以下のようにコードを持って

Question

をgetElementByIdを。私はid = "" jeden '+ rowNo +' ""とid = "dwa '+ rowNo +'"の入力を計算し、id = "trzy '+ rowNo +'"でdivにスコアを表示するボタンを持っています。 getElementByIdに変数idを取得するために、以下のコードを修正するにはどうすればよいですか？あなたはおそらく想像しているように、新しい行を追加した後にIDが変更され、nextnumberを持つので、たとえばjeden1、jeden2、jeden3などとなります。 どのようにこれらの変数idを自分のコードに入れることができますか？

function numberMult() { 
    var firstNumber = Number(document.getElementById("jeden"+"rowNo").value); 
    var secondNumber =Number(document.getElementById("dwa"+"rowNo").value); 
    var result = firstNumber * secondNumber 
    document.getElementById("trzy"+"rowNo").innerHTML = result; 
}; 

ありがとうございました。

Answer 1

1）getElementByIdでいくつかのIDを参照することはできません。 idによって選択された単一の要素を返します。おそらく、あなたはROWNOは、この変数の値で生成された変数と実際のマークアップですので、あなたは、おそらく、id="jeden0"、id="jeden1"などのようなIDを持つことになります）querySelectorAll

2に興味があるだろう...

3）あなたの関数ではnumberMultのように変数rowNoを渡す必要がありますgetRowMarkup

4）この変数を使用して要素を選択します。次のようなものがあります。

function numberMult(rowNo) { 
    // do not use quotes for variable 
    var firstNumber = Number(document.getElementById("jeden"+rowNo).value); 
    var secondNumber =Number(document.getElementById("dwa"+rowNo).value); 
    var result = firstNumber * secondNumber 
    document.getElementById("trzy"+rowNo).innerHTML = result; 
};