Estoy creando un pequeño programa que me cree unos divs y cuando me cree un nuevo div se me incremente un contador, para hacer tener un id unico en cada uno, el problema es que solo se me incrementa una sola vez luego y los nuevos que creo se me quedan con el mismo id.
Esté es mi JavaScript:
function duplicate(){
var i = 0;
i++
let campos = document.createElement('div');
campos.id = 'id' + i ;
document.getElementById('duplicados').appendChild(campos);
}
Por si sirve de algo este es mi html:
Este es el boton con el que activo la función
<center><input type="button" id="add" onclick="duplicate()" value="Añadir"></center>
Y los nuevos div los inserto en un div llamado "duplicados"
i
fuera de la función