Ayuda con manejo de tablas con js

[Algadar]

Buenos días, yo una vez más recurriendo a la sabiduria del foro.
mi problema es el siguiente.
consegui un codigo que me ayuda por javascript a insertar filas en una tabla muestro acontinuación el codigo.

Código Javascript:

function addNewRow(){
var TABLE = document.getElementById("base");
var TROW = document.getElementById("example");
 
var content = TROW.getElementsByTagName("td");
var newRow = TABLE.insertRow(-1);
newRow.className = TROW.attributes['class'].value;
//insertLOselect(content,newRow);
 
var newRow2 = TABLE.insertRow(-1);
newRow2.className = TROW.attributes['class'].value;
//window.alert(content);
copyRow(content,newRow2);
}
 
function appendCell(Trow, txt) {
var newCell = Trow.insertCell(Trow.cells.length)
newCell.innerHTML = txt
}
 
function copyRow(content,Trow) {
var cnt = 0;
for (; cnt < content.length; cnt++) {
alert(content[cnt].innerHTML);
appendCell(Trow, content[cnt].innerHTML);
}
}
 

y este otro me ayuda a ver lo que esta contenido en dicha tabla.

Código Javascript:

function datosTextos(id) {
      var textos = 'CONTENIDO_TABLA| \n';
 
     for (var i=0;i<document.getElementById(id).rows.length;i++)  
        alert(i);
      {
      for (var j=0;j<2;j++)
      {
          alert(j);
         textos = textos + document.getElementById('value').value /*document.getElementById(id).rows[i].cells[j].innerHTML */+ '|' + document.getElementById('value2').value + '|' ;
      }
      }
     alert(textos);
      }
 

veamos el codigo html.

Código HTML:

<form action="" method="post">
  <br>
  <table border="0" id="base" width="50%">
    <tr class="celda">
  <td width="54%">Actividad</td>
  <td width="36%">Usuario</td>
  </tr>
<tr id="example" class="celda">
<td><input name="values[]" type="text" size="50" id="value" onclick="addNewRow(event)" /></td>
<td><input name="values[]" type="text" size="30" id="value2" onclick="addNewRow(event)" />
  <input type="hidden" name="btnAction" value="next" /></td>
</tr>
</table>
<input type="button" class="boton" value="[+]" onclick="addNewRow(event)" alt="Adicionar" />
<input type="button" class="boton" value="[-]" onclick="removeLastRow(event)" alt="Remover" />
<p>
  <input value="Ver valores de la tabla" onclick="datosTextos('base');" type="button" />
</p>
<p>
  <label for="Datos"></label>
  <textarea name="Datos" id="Datos"></textarea>
</p>
</form>
 

el codigo funciona bien, pero ...

yo necesito capturar los datos que se agregan en las filas (que valga la redundancia) se van agregando con el onclick. Pues solo captura los datos de los input iniciales (value y value2).