Erstellen einer Schleife zum Hinzufügen eines td

Question

Ich lerne nur Javascript und versuche, eine einfache Schleife zu machen.

Hier ist ein Teil meines Code:

function addRow() { 
    var row = document.createElement("tr"); 
    var td = document.createElement("td"); 
    row.setAttribute("id", "sumrow"); 
    var textNode = document.createTextNode("toimii"); 
    row.appendChild(textNode); 
    row.appendChild(td); 
    td.appendChild(textNode); 
    var table = document.getElementById("pricetable"); 
    table.appendChild(row); 

Dann geht es so und ich würde dieser Code für 5-mal ausgeführt werden mag:

var td = document.createElement("td"); 
    row.appendChild(td); 
    table.appendChild(row); 

Ich wäre sehr dankbar, wenn jemand könnte mir helfen. Ich habe bereits versucht, nach vorherigen Fragen zu suchen, aber ich verstehe einfach nicht, wie ich sie auf meinen Code anwenden sollte.

Answer 1

Um eine Schleife erstellen Sie den folgenden Code verwenden können (eine for-Schleife):

for(var i = 0; i < 5; i++) { 
    // in there you put the code you want to loop 
} 

Der erste Teil der variablen i bei 0

setzt Der nächste Teil sagt, solange i ist < (kleiner als) 5

Der letzte Teil sagt Erhöhung i um 1 jedes Mal

More info on for loops here

Answer 2

Siehe den folgenden Codeausschnitt. Es verwendet den gesamten Code, die Sie bereits geschrieben haben, könnte sein, dass Sie

function addRow() { 
 
    var row = document.createElement("tr"); 
 
    var td = document.createElement("td"); 
 
    row.setAttribute("id", "sumrow"); 
 
    var textNode = document.createTextNode("toimii"); 
 
    row.appendChild(td); 
 
    td.appendChild(textNode); 
 
    return row; 
 
} 
 

 
function createRow() { 
 
for(var i=0; i< 5; i++){ 
 
\t var table = document.getElementById("pricetable"); 
 
    table.appendChild(addRow()); 
 
} 
 
} 
 
createRow();

<table id="pricetable"> 
 
</table>