agregar datos en una tabla dinamica

[acasaverde]

Amigos un gran favor toy intentando hacer un formulario para poder agregar productos a una tabla dinamica para facturar pero primero toy con una muestra y asi poder guiarme haver si me pueden ayudar ya que recien comienso en este mundo de la programacion web este es mi codigo trabajo con un framework CODEIGNITER... Gracias

Código HTML:

<table>
      <tr>
          <td>
              nombre<input type="text" name="nombre" value="" />
          </td>
          <td>
              Sitio Web <select name="Sitio_Web">
                  <option>hotmail</option>
                  <option>facebook</option>
              </select>
          </td>          
          <td>
              Correo<input type="text" name="Correo" value="" />
          </td>
      </tr>
  </table>  
    
 <table id="tablaUsuarios">
        <tr>
            <td>
            <button name="Enviar" onClick="agregarUsuario()" value="Enviar">AGREGAR</button>
            </td>          
        </tr>
        <tr>
            <td width="175">Nombre</td>
            <td width="175">Sitio Web </td>
            <td width="100">Correo</td>
            <td width="100">Acciones</td>
        </tr>
 </table>
 

con este javascript logre que se crean caja de texto ala hora que le hago click en el boton pero lo que quiero es que capture los datos de las cajas ingresadas y cuando le dea boton lo vaya insertando

Código Javascript:

<script language="javascript" type="text/javascript">
   var posicionCampo=1;
     function agregarUsuario(){
        nuevaFila = document.getElementById("tablaUsuarios").insertRow(-1)
        nuevaFila.id=posicionCampo;
        
        nuevaCelda=nuevaFila.insertCell(-1);
        nuevaCelda.innerHTML="<td><input label=''name='web["+posicionCampo+"]' ></td>";
 
        
        nuevaCelda=nuevaFila.insertCell(-1);
        nuevaCelda.innerHTML="<td> <input type=''  size='10' name='web["+posicionCampo+"]' ></td>";
        
        nuevaCelda=nuevaFila.insertCell(-1);
        nuevaCelda.innerHTML="<td> <input type='' size='10' name='correo["+posicionCampo+"]' ></td>";
        
        nuevaCelda=nuevaFila.insertCell(-1);
        nuevaCelda.innerHTML="<td><input type='button' value='Eliminar' onclick='eliminarUsuario(this)'></td>";
        posicionCampo++;
    }
        function eliminarUsuario(obj){
            var oTr = obj;
            while(oTr.nodeName.toLowerCase()!='tr'){
            oTr=oTr.parentNode;
            }
            var root = oTr.parentNode;
            root.removeChild(oTr);
    }
    </script>