Skip to main content
se eliminaron 36 caracteres en el cuerpo
Origen Enlace
JackNavaRow
  • 7.2k
  • 6
  • 25
  • 49

Puedes sacarlo de la función anónima, a cómo lo tienes suele confundir al navegador con los parámetros y producir un error o warning, y lo de cambiar de var a let es cierto.

Me funcionó de esta manera

dotsl = document.getElementsByClassName("dots")

for (let j = 0; j < dotsl.length; j++) {
  dotsl[j].addEventListener('click', function(event) {
    console.log('hola mundo! ' + j );
  });
}
<div class="dots">a</div>
<div class="dots">b</div>
<div class="dots">c</div>
<div class="dots">d</div>

Espero haberte ayudado. Un saludo.

Puedes sacarlo de la función anónima, a cómo lo tienes suele confundir al navegador con los parámetros y producir un error o warning, y lo de cambiar de var a let es cierto.

Me funcionó de esta manera

dotsl = document.getElementsByClassName("dots")

for (let j = 0; j < dotsl.length; j++) {
  dotsl[j].addEventListener('click', function(event) {
    console.log('hola mundo! ' + j );
  });
}
<div class="dots">a</div>
<div class="dots">b</div>
<div class="dots">c</div>
<div class="dots">d</div>

Espero haberte ayudado. Un saludo.

Puedes sacarlo de la función anónima, a cómo lo tienes suele confundir al navegador con los parámetros y producir un error o warning, y lo de cambiar de var a let es cierto.

Me funcionó de esta manera

dotsl = document.getElementsByClassName("dots")

for (let j = 0; j < dotsl.length; j++) {
  dotsl[j].addEventListener('click', function(event) {
    console.log('hola mundo! ' + j );
  });
}
<div class="dots">a</div>
<div class="dots">b</div>
<div class="dots">c</div>
<div class="dots">d</div>

Origen Enlace

Puedes sacarlo de la función anónima, a cómo lo tienes suele confundir al navegador con los parámetros y producir un error o warning, y lo de cambiar de var a let es cierto.

Me funcionó de esta manera

dotsl = document.getElementsByClassName("dots")

for (let j = 0; j < dotsl.length; j++) {
  dotsl[j].addEventListener('click', function(event) {
    console.log('hola mundo! ' + j );
  });
}
<div class="dots">a</div>
<div class="dots">b</div>
<div class="dots">c</div>
<div class="dots">d</div>

Espero haberte ayudado. Un saludo.