for 문 안의 var 유무

안녕하세요 선생님!
코드 작성 중 for 문 안의 i 에 변수를 만드는 부분에 대해 질문드립니다.

코드입니다.

var 버튼들= document.querySelectorAll('button');
var 모달창들= document.querySelectorAll('div');

for(i=0; i<3; i++){
    버튼들[i].addEventListener('click',function(){
        모달창들[i].style.display='block';
    });
}

에서 오류가 나서 보니, for문 안의 i 앞에 var 를 붙이지 않아 오류가 났더라구요.
var i=0; 과 그냥 i=0 의 차이가 뭘까요? 왜 var 를 붙여야 여기서는 작동이 되는지 궁금해 질문드립니다.