Estoy tratando de crear un componente para la visualización de imágenes personalizado en material design lite basado en este archivo:
[https://github.com/google/material-design-lite/blob/mdl-1.x/src/icon-toggle/icon-toggle.js][1] 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.