Sou bem novo com javascript e quando se trata de criar loopings eu me perco totalmente, o código abaixo é para criar os elementos a cada clique e numerar o id
e o texto, mas estou tendo dificuldades quanto a isso, eu consegui, resolver com um input e adicionando a quantidade, porém não é esse o resultado que preciso, como devo proceder? Se possível explique as alterações, Obrigado.
document.getElementById("add1").onclick = function clone(){
var qt = 1;
var container = document.getElementById("saida1");
while (container.hasChildNodes()) {
container.removeChild(container.lastChild);
}
for (i=0;i<qt;i++){
var input = document.createElement("input");
var div1 = document.createElement("div");
var div2 = document.createElement("div");
var div3 = document.createElement("div");
var label = document.createElement("label");
div1.className = "linha";
div2.className = "coluna1";
div3.className = "coluna2";
label.htmlFor = (i+1)
label.textContent = "Texto " + (i+1) + ": ";
input.className = (i+1);
input.name = "inp";
input.type = "text";
container.appendChild(div1);
div1.appendChild(div2);
div2.appendChild(label);
div1.appendChild(div3);
div3.appendChild(input);
}
}
<div id="saida1"></div>
<button id="add1">ADD</button>
for (i=0;i<qt;i++){
é sem propósito, irá fazer tudo sempre uma vez, ele é desnecessário. Segundo, essa linha remove os itens que já tem na div "container":container.removeChild(container.lastChild);
então só irá aparecer 1 elemento sempre. Por fim, você teria de contar quantos elementos tem na div "container" para poder numerar – Ricardo Pontual 6/08/18 às 16:33...container.removeChild(container.lastChild);...
de quando fiz o código usando input para pegar os valores – Mark Vaaz 6/08/18 às 16:52