Помогите пожалуйста, при нажатии на Див должен в консоль передаться порядковый номер его, а передается всегда максимум
<html>
<body>
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<script type="text/javascript">
var items = document.querySelectorAll('.item');
for (var i = 0, max = items.length; i < max ; i++) {
var element = items[i];
element.addEventListener('click', function() {
console.log('you clicked on '
+ i);
});
}
</script>
</body>
</html>