Tengo el siguiente problema, necesito hacer una macrosustitución con javascript, se trata de rellenar dinámicamente las opciones de un navbar, las opciones están en un array y mientras se recorre el array voy creando un <a>
, asignándole las clases y también tengo que asignarle la función que debe ejecutar al hacer click.
El código es el siguiente:
var opts = [
"Op1",
"Op2",
"Op3"];
for (let i = 0; i < opts.length; i++) {
let mnu = document.getElementById("mnu");
let opt = document.createElement("a");
opt.href = "#";
opt.className += "list-group-item ";
opt.className += "list-group-item-action";
opt.onclick = opts[1]; //este es el punto
opt.innerHTML = opts[i];
mnu.appendChild(opt);
}
function Op1() {
CargaImagenes("Op1", 30);
}
function Op2() {
CargaImagenes("Op2", 20);
}
function Op3() {
CargaImagenes("Op3", 50);
}
onclick
no funciona?opts[0] = Op1, opts[1] = Op2 y etc...
Utilizando por supuesto el for.