Tengo un bucle en el que quiero cambiar la clase de cada elemento al hacer clic. En la primera instancia a continuación, funciona bien, pero una vez que se inserta un eventListener, recibo un error, ¿dónde me equivoco al acceder a cada elemento individual pasado por el ciclo?

Mensaje de error:

 Uncaught TypeError: Cannot read properties of undefined (reading 'classList') at HTMLTableCellElement.<anonymous>

Ejemplo de trabajo:

 function classSetter() { var divs = document.querySelectorAll('td.event'), i; for (i = 0; i < divs.length; ++i) { divs[i].classList.add('unClicked'); }};

Ejemplo que no funciona:

 window.onload = function classSetter() { var divs = document.querySelectorAll('td.event'), i; for (i = 0; i < divs.length; ++i) { divs[i].addEventListener("click", function() { divs[i].classList.add('unClicked'); }) }};