JSFiddle - React, Tailwind, and code Playground

HTML

<form name="form2" method="post" action="">
      <table id="idTable" align="center">
            <tr>
                <td width="15%">
                    <textarea class="sizepopulation" id="sizepopulation" rows="1" cols="15" ></textarea>
                </td>
            </tr>
          </table>
    <input type='button' name='add' value='Add' onclick='insererLigne_Fin()'/>
</form>

JavaScript

window.insererLigne_Fin = function()
{
    var cell, ligne;
 
     // je récupère l'identifiant (id) de la table qui sera modifiée
    var tableau = document.getElementById("idTable");
    var nbLignesAvant = tableau.rows.length;
    ligne = tableau.insertRow(-1); // ici création d'une ligne pour ajout en fin de table
    cell = ligne.insertCell(0);
    cell.innerHTML = " <textarea class='sizepopulation' rows='1' cols='15' ></textarea>";
 
	var nbLignesApres = tableau.rows.length; // egal à nbLignesAvant + 1 normalement
 
	var textareas = tableau.querySelectorAll("textarea.sizepopulation");
    debugger;
	var ch_size = textareas[nbLignesAvant-1].value;
    alert('Valeur de la dernière ligne avant insertion: '+ ch_size);
 
}