Mais celui ne marche évidemment pas

<div>
<table id="tableaux" class="tableau">
<thead >
<tr>
<th>Equipes </th>
<th class="CouleurNord">Equipe Nord</th>
<th class="CouleurEst">Equipe Est</th>
<th class="CouleurOuest">Equipe Ouest</th>
<th class="CouleurSud">Equipe Sud</th>
</tr>
</thead>
<tbody>
<tr >
<td class="tdbasgauche"> </td>
<td>1</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</tbody>
</table>
</div>
<input type="button" value="Ajouter" class="bouton" onclick="addRow(document.getElementById('tableaux'), document.getElementById('textrow').value);" />
<input type="text" id="rowText" class="zonetext"/>
<script> function addRow(elmt, value)
{
var tr = document.createElement('tr');
elmt.appendChild(tr);
var td = document.createElement('td');
tr.appendChild(td);
var tdText = document.createTextNode(value);
td.appendChild(tdText);
}