ingresar datos a un td con un click

[garcia1808]

como me puedo explicar , vamos a ver.

todo desde js.

creo un text input, y un boton input.

la idea es que al hacer click me crear una tabla con un tr y un td. que ya le puse un color. (esto ya me sale)

todo bien hasta ahi.

lo que necesito es que cuando ingreso alguna informacion en el text input y preciono el boton, me ponga ese texto dentro del td. a la vez que me crea toda la tabla.

Gracias por la menor ayudita que sea.

Saludos!!!

[rodrigo791]

Hola,

1ero que nada, queres usar el mismo boton para todo? tanto para crear la tabla como para insertar los datos? mmmmm... :S

Yo lo que haría sería 1ero usar un boton como hiciste para crear la tabla, 2do poner el input text donde escribis, y luego crear otro boton que cuando lo apretes te copie el VALUE del input y lo guarde en el innerhtml de el td.

Podes hacer una función que cuando hagas click en el boton que agrega el dato en el td, te capture el value del input type y lo guarde en el td.

Código Javascript:

function agregarValoraTd(){
var valorInput = document.getElementById('entrada').value;
 
var Valorcelda = document.getElementById('celdaTd').innerHTML;
 
Valorcelda = valorInput;
 
}
 

Código HTML:

<input type="text" id="entrada" name="nombre" />
<input type="button" onclick="tufuncionparacrearTABLA()" />
<input type="button" onclick="agregarValoraTd()" />
<table>
<tr>
<td id="celdaTd"><td>
<tr>
</table>
 

Esto seria una vez que ya presionate tu boton de crear tabla.
Le puse unos id para relacionar los valores, deberias ponerlos vos también en los td y los input.

Es lo que se me ocurrió al instante...

[garcia1808]

gracias.

La idea sigue siendo la misma , con un solo click que me genere la tabla con un tr y td y lo que ingreso en el input text me lo ponga dentro del td todo con un solo click.

te muestro por ejemplo algo de lo que tengo.

var inp= document.createElement("input") ;
inp.type="text";
box.appendChild(inp);

var boton= document.createElement("input") ;
boton.type="button";
boton.value="Precionar";
box.appendChild(boton);

boton.onclick =function () {

var tablita = document.createElement("table");
var tr = document.createElement("TR");
var td = document.createElement("TD");
tablita.appendChild(td);

}