Problema raro con addEventListener

[agus_jelnaks]

Buenas el problema que tengo es el siguiente, el código funciona bien pero en chrome me sale siempre el error de "boton.addEventListener no es una función", alguien sabría el por qué?.Acá les dejo el codigo(soy nuevo en javascript)

Código Javascript:

var Preloader;
        var imgAssets = ["img/heroe2.png","img/enemigo.png","img/moneda1.png","img/puerta.png","img/llave1.png","img/texturaPlataforma.jpg","img/fondo.png"];
        
        window.addEventListener("load",function(){
            Preloader = new PreloadJS();
            Preloader.onProgress = progresoCarga;
            cargar();
            var iniciadores = document.getElementsByClassName('start');
            for(i in iniciadores){
                var boton = iniciadores[i];
                if (document.addEventListener)
                    boton.addEventListener("click", iniciarJuego, false);
                else if (document.attachEvent)
                    boton.attachEvent("onclick", iniciarJuego);
            }
        }, false);  
        
        function progresoCarga(){
            if(Preloader.progress == 1){//progress devuelve 0 si no se ha cargado nada y 1 cuando ha terminado de cargar
                //nivelUno();
                document.querySelector("#info").style.display = "block";
            }
        }
        
        function cargar(){
            while(imgAssets.length > 0){
                var url = imgAssets.shift();//shift elimina la ultima imagen del arreglo y la guarda en la variable, en este caso url
                Preloader.loadFile(url);//loadFile sirve para cargar un archivo y recibe como parametro una url
            }
        }
        
        function iniciarJuego(){
            document.querySelector("#info").style.display = "none";
            document.querySelector("#lose").style.display = "none";
            document.querySelector("#win").style.display = "none";
            nivelUno();
        }
 

Desde ya muchas gracias por su tiempo(si el mismo tema ya está pido disculpas)

[IsaBelM]

olvida el método getElementsByClassName() y usa querySelector() o en tu caso querySelectorAll()

[agus_jelnaks]

Isabel muchas gracias por tu respuesta.Lo corregí pero me sigue dando el mismo error, los más gracioso es que el código funciona sin problemas.El error exacto que me tira es el siguiente "Uncaught TypeError: boton.addEventListener is not a function(anonymous function) @ index.html:75", donde la línea 75 es la linea 9 en este caso:

Código Javascript:

window.addEventListener("load",function(){
            Preloader = new PreloadJS();
            Preloader.onProgress = progresoCarga;
            cargar();
            var iniciadores = document.querySelectorAll(".start");
            for(i in iniciadores){
                var boton = iniciadores[i];
                if (document.addEventListener)
                    boton.addEventListener("click", iniciarJuego, false);
                else if (document.attachEvent)
                    boton.attachEvent("onclick", iniciarJuego);
            }
        }, false);
 

[IsaBelM]

prueba ahora

Array.prototype.forEach.call(document.querySelecto rAll(".start"), function(v, i, arr) {
if (document.addEventListener)
arr[i].addEventListener("click", iniciarJuego, false);
else if (document.attachEvent)
arr[i].attachEvent("onclick", iniciarJuego);
});

[agus_jelnaks]

Isabel gracias por tu respuesta, pero no entiendo en que parte tendría que colocar ese código, gracias igual por tu respuesta.