Estoy tratando de cambiar la imagen de fondo según el símbolo que se esté desplazando, pero cuando intento devolver el cambio de fondo changebackground([i]) , siempre devuelve una matriz con una longitud de 1 y el número 0.

¿Cómo puedo hacer que devuelva el número del símbolo que se desplazó? por ejemplo, si se desplaza el segundo símbolo, quiero que devuelva un fondo de checkbackground([1]) a la function changebackground(logo) Aquí puede ver los símbolos para tener una idea .

A continuación se muestra mi código

 let background = document.getElementById("main_home_container"); let factionlogo = document.getElementsByClassName("home_image"); for (i = 0; i < factionlogo.length; i++) { factionlogo[i].addEventListener("mouseenter", function() { changebackground([i]) }); factionlogo[i].addEventListener("mouseleave", revertbackground); } function changebackground(logo) { if(logo == 0) { background.style.backgroundImage = 'url("/Img/bg1.png")'; } else if(logo == 1) { background.style.backgroundImage = 'url("/Img/bg2.png")'; } }; function revertbackground() { background.style.backgroundImage = 'url("/Img/home.png")'; };