//BASE const orgId = 43037 const response = async function () { let response = await fetch( `https://43037.smartomato.ru/basket/payload.json` ) let payload = await response.json() return payload } //LISTENERS document.addEventListener("DOMContentLoaded", domLoadHandler) //HANDLERS async function domLoadHandler() { const data = await response() const dishes = data.organization_payload.dishes const elements = getElementsFromPage() syncDishes(elements.names, elements.buttons, elements.prices, dishes) } function clickHandler(event) { event.preventDefault() } //HELPERS function getElementsFromPage() { let dishAddButtons = document.querySelectorAll( "js-store-prod-btn2 t-store__card__btn t-store__card__btn_second t-btn t-btn_xs" ) dishAddButtons.forEach((element) => { element.removeEventListener("click", clickHandler, false) }) dishAddButtons.forEach((button) => { button.addEventListener("click", clickHandler, false) }) let extDishes = document.querySelectorAll( "js-store-prod-name js-product-name t-store__card__title t-name t-name_xs" ) return { names: extDishes, buttons: dishAddButtons, } } function syncDishes(names, buttons,dishes) { dishes.forEach((dish) => { names.forEach((name, index) => { if ( dish.name.replace(/\s/g, "").toLowerCase() === name.textContent.replace(/\s/g, "").toLowerCase() ) { buttons[index].dataset.dishId = dish.id } }) }) }