повторение объявления переменной в другой функции

Question

Может кто-нибудь прояснить для меня, пожалуйста, относительно следующего кода, я пытаюсь использовать некоторые из проектов "odin project". поэтому, пожалуйста, взгляните на мой код и скажите мне, хорошая ли идея иметь функции diff с объявлением переменной DOM.

вот мой код:

function drawGrid(){
 const squares = document.querySelectorAll(".square");

 for(let i = 0; i < squares.length; i++){
    squares[i].addEventListener("mouseover", function(){
        this.classList.add("changeColor");
    });
 }
}

function reset(){
 const squares = document.querySelectorAll(".square");

 for(let i = 0; i < squares.length; i++){

    resetBtn.addEventListener("click", function(){
        squares[i].classList.remove("changeColor");
    });
 }
}

как вы можете видеть i использовал класс .square, и мне интересно, есть ли другой способ сделать код немного короче. Спасибо