En el programa que intento optimizar tengo 3 funciones que siguen la misma estructura pero con distintos nombres, me gustaría poder hacer un bucle for, declarando tantas funciones como botones tenga dentro del formulario.
El formulario tiene 3 botones, por tanto, 3 funciones.
El programa lo tengo con una class en javascript, por lo que no me deja hacer el bucle fuera de lo que no sea una función:
class cls0{
constructor(id, idtxt, params){
var tem = document.querySelectorAll("template");
this.id=id;
let f0 = document.createElement('div');
f0.innerHTML = tem[3].innerHTML;
document.getElementById(id).appendChild(f0);
this.contentForm = f0.querySelector(".content-form");
f0.querySelector(".btn-event-sndFrm").addEventListener("click", ()=>{
//this.sndFrm();
console.log('Hola');
});
f0.querySelector(".btn-event-addFrm").addEventListener("click",()=>{
//this.addFrm();
//this.sndFrm();
console.log('Adios');
});
f0.querySelector(".btn-event-delFrm").addEventListener("click", ()=>{
//this.delFrm();
console.log('Aaron');
});
for (let i in params){
var hi0 = document.createElement('input');
hi0.type = 'hidden'; //cambiar a text si hay que verlo
hi0.name = i;
hi0.value = params[i];
f0.querySelector('form').appendChild(hi0);
}
this.structure();
}
structure(){
var ff = document.f0.querySelectorAll()
}
}
Hasta ahora lo que he intentado es, desde el final del constructor, hacer una llamada directa a la función structure()
Lo malo es que no se sacar la variable f0
, y realmente tampoco se si es la manera correcta de hacer lo que quiero.
f0
en otros métodos de la clase, en lugar delet f0 = ...
usathis.f0 = ...
para crearla como propiedad.