Показать сообщение отдельно
  #6 (permalink)  
Старый 23.06.2019, 21:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

nathan111777,
$(function() {
var data;
function filterShow() {
    var arr = [...document.querySelectorAll(".btn:checked")].map(({
        value
    }) => value);
    var out = '';
    for (var key in data) {
        if (arr.length) {
            var country = data[key].country;
            if (!arr.includes(country)) continue;
        }
        out += '<div class="single-goods">';
        out += '<h3>' + data[key]['name'] + '</h3>';
        out += '<p>Цена: ' + data[key]['cost'] + '</p>';
        out += '<img src="' + data[key].image + '">';
        out += '<button class="add-to-cart" data-art="' + key + '">Купить</button>';
        out += '</div>';
    }
    $('#goods').html(out);
    //  $('button.add-to-cart').on('click', addToCart);
}

function init() {
    filterShow();
    $(".btn").on("click", filterShow);
    $(".btn-filter").on("click", function() {
        $(".btn").prop("checked", false);
        filterShow()
    })
}

$.getJSON('goods.json', function(json) {
        data = json;
        init()
    })
});
Ответить с цитированием