Как вывести карточку товара на старнице?

Question

[jitcompany]

Проблема вот в чем
в некий DIV <div class="goods-out"></div>
выводится информация из файла goods.js
отловил Хеш <a href="goods.html#${[key]}"> в js файле
страницы получаются "www.site.com/goods.htm#2"
Дальше не могу продвинуться
Товары (БД) хранятся в json файле (goods.json)

function init() {
    $.getJSON("goods.json", goodsOut);
	var hash = window.location.hash.substring(1);
	console.log(hash);
}

Тут я беру из файла базы инфу по товарам

function goodsOut(data) {
    console.log(data);
    var out='';
    for (var key in data) {
        out +=`<div class="product-item ${data[key].categ} featured-items isotope-item" style="width: 23%;float: left;margin: 10px;">`;
		out +=`<img src="images/${data[key].img}" class="img-responsive" width="255" height="322" alt="">`;
		out +='<div class="product-title">';                                
        out +=`<a href="goods.html#${[key]}"><h3>${data[key].name}</h3></a>`;
		out +=`<button class="add-to-cart" data-id="${key}">${data[key].cost} €</button>`;
		out +='</div>';
        out +='</div>';
    }
    $('.goods-out').html(out);
	$('.add-to-cart').on('click', addToCart);
}

А тут я вывожу карточку товара

При данном раскладе выводятся все товары, а как выводить конкретный товар (id)?

Answer 1

[Antony Tkachenko]

В данном случае можно просто при выводе взять

data[id], где id - то что получаете из хэша.

П.С. лучше взять нормальную бд и сделать к нему простое api, для получения данных.