Estoy tratando de crear un componente para la visualización de imágenes personalizado en material design lite basado en este archivo: icon-toggle.js
la idea que tengo es añadir la navegación como un subcomponente a traves de js.
Cada punto indicador de la navegación tiene un evento clic que llamará un método que recibirá la posición del punto. Sin embargo, el ciclo for donde asigno el evento me regresa esto, al ejecutar el comando gulp:
Functions declared within loops referencing an outer scoped variable may lead to confusing semantics.
La forma en que lo mando llamar es la siguiente:
dotsl = document.getElementsByClassName("dots")
for (var j = 0; j < dotsl.length; j++) {
(function(dot, index) {
dotsl[j].addEventListener('click', function(event) {
console.log('hola mundo! ' + j );
});
})(dotsl[j], j);
}
<div class="dots">a</div>
<div class="dots">b</div>
<div class="dots">c</div>
<div class="dots">d</div>
Deje los comentarios para mostrar todo lo que había intentado con anterioridad.
respuesta
. tambien con un foreach pero con el gulp me mando un error referente a la funcion => pense que se debia a algo relacionado con el tipo de es5 o es6.(function(dot, index) {
lo veo innecesario tu for debe quedar algfo asi :for (let j = 0; j < dotsl.length; j++) { dotsl[j].addEventListener('click', function(event) { console.log('hola mundo! ' + j ); }); }