[SOLUCIONADO] Agregar input Texts indicando cantidad en input text de arriba.

[jrclurita]

Buenos dias amigos de la comunidad, tengo una consulta:

En el siguiente link, tengo mi código javascript que avanzado hasta el momento:
http://jsfiddle.net/pepoflex/8rq2d788/

Como puedo hacer para que al escribir un numero en el input text, y le doy click al boton Cliqueame, abajo me muestre esa cantidad de inputs text que escribo en el input text de arriba.

Por el momento solo puedo mostrar al hacer click, una fila de inputs text, pero lo que quiero es que al ingresar en el input text de arriba un valor y le doy click al boton Cliqueame, se muestre esa cantidad de filas de inputs texts abajo.

Y que se puedan borrar y agregar los inputs texts manualmente abajo una ves creados, ademas que vaya agregando o cambiando su id="caja01" , id="caja02" , etc. segun la orden: eliminar o agregar input fields.

Desde ya muchas gracias, amigos de la comunidad !

[robertty55]

El Jquery podria quedar de esta form, así lo haría yo..

Código Javascript:

$("#unBoton").click(function() {
    var resultado = " ";
    var resultado2 = " ";
    var resultado3 = " ";
    var cantidad = parseInt($("#unaCaja").val());
    for (i=0;i<cantidad;i++){
    resultado += "<input id='unaCaja' type='text' placeholder='Ejemplo: 01'><br>";
    resultado2 += "<input id='unaCaja' type='text' placeholder='Ejemplo: 100'><br>";
    resultado3 += "<input id='unBoton' type='button' value='X'><br>";
    }
    /*$("#resultadoTexto").text(resultado);*/
    $("#resultadoHTML").html(resultado);
    $("#resultadoHTML2").html(resultado2);
    $("#resultadoHTML3").html(resultado3);
});
 

[Alexis88]

Una pequeña observación al código de robertty55:

El valor asignado al atributo id de un elemento del DOM, no debe de ser asignado a otro/s elemento/s, pues se trata de un valor único que identificará al elemento en cuestión y lo diferenciará del resto.

Saludos

[jrclurita]

Bueno ya quedo bien, estuve programando,y guiandome con la ayuda de ustedes y testeando y testeando, pueden apreciarlo en el siguiente link:
http://jsfiddle.net/pepoflex/6gk1rnzu/

Ahora solo necesito que se reinicie el id="box1, box2, box3, etc. cuando elimino y agrego de nuevo no reinicia , solo crea un id="box con el numero que sigue.

[jrclurita]

Ya esta solucionado :)