변수 연습문제 6번 (i가 왜 3인가요?)

i가 왜 3이 되는지 모르겠습니다. 
for문에서 조건을 i<3 으로 했는데도 불구하고 for문 밖에서 i를 콘솔로 출력해보면 말씀하신 것처럼 i가 3이 되는데 왜 그런건가요...?

for (var i = 0; i < 3; i++) {
console.log("for문 안에서 :", i);
버튼들[i].addEventListener("click", function () {
모달창들[i].style.display = "block";
 });
}
console.log("for문 밖에서 :", i);