Code JS qui ne marche pas...

Bonjour,

voici mon code HTML :

----------------------------------------------------------------------------------------------------------------

<button id="button-1" onclick="newContact()">Nouveau contact</button>

<table id="table">

<tr>

<th>Nom</th>

<th>Téléphone</th>

<th>Adresse</th>

<th>Email</th>

<th>Site-web</th>

<th>Facebook</th>

<th>Twitter</th>

<th>Google+</th>

</tr>

<tr id="tr-2">

<td colspan="8">Vous n'avez pas encore de contact. <a href="javascript:newContact()">Ajoutez-en un !</a></td>

</tr>

</table>

----------------------------------------------------------------------------------------------------------------

Et voici mon code JS :

----------------------------------------------------------------------------------------------------------------

function newContact() {

	var tr2 = document.getElementById('tr-2');

	if (tr2.innerText == 'Vous n\'avez pas encore de contact. Ajoutez-en un !') {

		tr2.parentNode.removeChild(tr2);

	}

	

	var button1 = document.getElementById('button-1');

	button1.onclick = confirmContact;

	button1.innerText = 'OK';

	

	var table = document.getElementById('table');

	table.innerHTML += '<tr id="tr-' + i + '"></tr>';



	var tr = document.getElementById('tr-' + i);

	for (var j = 0; j < 8; j++) {

		tr.innerHTML += '<td class="td-' + i + '" contentEditable="true"></td>';

	}

	

}



function confirmContact() {

	var button1 = document.getElementById('button-1');

	button1.onclick = newContact;

	button1.innerText = 'Nouveau contact';

	

	var tds = document.getElementsByClassName('td-' + i);

	for (var k = 0; k < 8; k++) {

		tds[k].contentEditable = 'false';

	}

}

----------------------------------------------------------------------------------------------------------------

Le tout me semble tout à fait correcte, mais ça ne marche pas. Est-ce que quelqu'un peut m'indiquer l'erreur?

Merci beaucoup!