Comment faire boucle + ajout d'une ligne dans un tableau

Bonjour,
j'arrive à rajouter une ligne dans mon tableau, mais quand je rajoute une deuxième ligne est n'effectue pas de retour à la ligne. J'aimerais savoir comment y remedier.
A chaque clique je souhaiterais une nouvelle ligne dans mon tableau. Mais j'y arrive pas, à chaque fois ça se met à coté. Pourriez vous m'aider svp.

 <script>
function f(){ // Rajout d'une nouvelle ligne
            i = 1;
            contenaire = document.getElementById('table'+i).innerHTML+=  '<td class="tg-yw4l" id="nprojet"><input type="text" id="nprojet1" name="nprojet1"  size="5"></td><td class="tg-yw4l" id="nom_lieu_chantier1"><input type="text" id="nom_lieu_chantier1" name="nom_lieu_chantier1"  size="20"></td> </tr><br/>' ; // rajoute une ligne en dessous du tableau 
    }
</script>

 
<input type="button" value="Ajouter une ligne" onclick='f(this)'>