skrypt tworzący tabelę dynamiczną

Witam,
mam skrypt tworzący tabelę, do inputów wpisuję dane, które są poniżej dodawane jako wiersze, które mogę usuwać. Problem pojawia się, w momencie kiedy chcę tą ilość dodanych wierszy przedstawić w formie tabeli - function addTable(). Chciałabym, aby tabela nie pokazywała 3 wierszy, a liczbę jaką użytkownik doda (nie umiem tego zapisać), oraz, aby te dane rzeczywiście do tej tabeli były wstawiane. Życzliwego proszę o pomoc :)

function addRow() {
          
    var imie = document.getElementById("imie");
    var nazwisko = document.getElementById("nazwisko");
	var wiek = document.getElementById("wiek");
	var email = document.getElementById("email");
    var table = document.getElementById("tabela");
 
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
 
    row.insertCell(0).innerHTML= '<input type="button" value = "usuń" onClick="Javacsript:deleteRow(this)" style="background-color: #C0D9D9">';
    row.insertCell(1).innerHTML= imie.value;
    row.insertCell(2).innerHTML= nazwisko.value;
	row.insertCell(3).innerHTML= wiek.value;
	row.insertCell(4).innerHTML= email.value;
	
 
}
 
function deleteRow(obj) {
      
    var index = obj.parentNode.parentNode.rowIndex;
    var table = document.getElementById("tabela");
    table.deleteRow(index);
    
}
 
function addTable() {
      
    var myTableDiv = document.getElementById("myDynamicTable");
      
    var table = document.createElement('TABLE');
    table.border='1';
    
    var tableBody = document.createElement('TBODY');
    table.appendChild(tableBody);
      
    for (var i=0; i<3; i++){
       var tr = document.createElement('TR');
       tableBody.appendChild(tr);
       
       for (var j=0; j<6; j++){
           var td = document.createElement('TD');
           td.width='75';
           td.appendChild(document.createTextNode("Cell " + i + "," + j));
           tr.appendChild(td);
       }
    }
    myTableDiv.appendChild(table);
    
}