Делаю сайт магазина для простого проекта, нужно чтобы счётчик в js увеличивался после каждого товара в json
$('document').ready(function(){
loadGoods();
});
function loadGoods() {
//загружаю товары на страницу
$.getJSON('../json/console.json', function (data) {
console.log(data);
var out = '';
out+='<tr>'
for (var key in data){
let i=0
out+='<td>'
out+='<div class="product-inner">'
out+='<div class="product-wrap">'
out+='<img src="'+data[key].image+'" width="307px" height="500px">'
out+='<div class="actions">'
out+='<a href="" class="add-to-cart"></a>'
out+='<a href="" class="wishlist"></a>'
out+='</div>'
out+='</div>'
out+='<div class="product-info">'
out+='<h3 class="product-title"><a href="">'+data[key]['name']+'</a></h3>'
out+='<span class="price">₽'+data[key]['cost']+'</span>'
out+='</div>'
out+='<td>'
if(i<=3){
i++
console.log(i)
}
console.log(out);
}
out+='<tr>'
$('#goods').html(out);
})
}