Eu estou usando javascript para criar inputs dinamicamente. Crio um input de telefone e email dessa forma.
Eu criei uma função deleteEmail() que deleta o mais recente criado, no entanto quando eu crio outros campos eu perco a referência de qual deletar
O que eu quero saber é como eu deleto esses inputs criados usando JS puro?
function addEmail(){
var container = document.getElementById("box");
var input = document.createElement("input");
var label = document.createElement("label");
var btn_delete = document.createElement("button");
var br = document.createElement("br");
input.type = "text";
input.name = "email";
label.innerText = "Email";
label.htmlFor = "email";
btn_delete.type = "button"
btn_delete.innerText = "Deletar";
btn_delete.id = "btn-delete";
container.appendChild(br);
container.appendChild(btn_delete);
container.appendChild(input);
container.appendChild(label);
document.getElementById("btn-delete").onclick = function () {deleteEmail()};
function deleteEmail(){
btn_delete.remove();
input.remove();
br.remove();
label.remove();
}
}
Aqui tem o fiddle com o código inteiro https://jsfiddle.net/5munzeja/