Обновление индекса строки javascript после удаления строки

Question

Я изучаю JavaScript и имею это назначение, где должен построить таблицу, в которой я ввожу содержимое. Каждая строка должна иметь номер индекса. И когда это работает, вы должны иметь возможность вводить номер строки и удалять ее.

До сих пор так хорошо.

НО, когда я вводил многострочные строки и удалял третий из 5 строк. И я увидел, что номера индексов строк идут от 1, 2, 4, 5. Поэтому он не обновляется. Теперь я хочу это исправить ... но как ?!

Я не могу придумать способ вызова только uppon 1 числа каждой строки .. Я надеюсь, что вы можете мне помочь ..

Ссылка на мой проект (извините заранее, я нидерландский!) : https://jsfiddle.net/Burner/kaqsgra1/

Мои петли для ввода RowNumber:

function addContent(){ 
    for(i = 0; i < f.length; i++){ 
     newData[i] = f.elements[i].value; 
    } 

    var newRow = contenttable.insertRow(); 

    for (var i = 0; i< 4; i++){ 
     newData[0] = contenttable.rows.length - 1; 
     var newCel = newRow .insertCell(i); 
     newCel.innerHTML = newData[i]; 
    }  

    } 

И при удалении номера я называю эту функцию:

function deleteNumber(){ 
    var numRows = contenttable.rows.length - 1; 

    if(deleteNr.value == ""){ 
     alert("Voer svp een nummer in!"); 
     return false; 
    } 
    if(deleteNr.value > numRows){ 
     alert("Dit rijnummer bestaat niet "); 
     return false; 
    } 
    document.getElementById("uitvoertabel").deleteRow(deleteNr.value); 
} 

Answer 1

В вашей функции deleteNumber измените нумерацию строк после удаления выбранной строки.

for (var i = 0; i< uitvoertabel.rows.length; i++){ 
    uitvoertabel.rows[i].cells[0].innerHTML = i; 
} 

JSFiddle