JSFiddle - React, Tailwind, and code Playground
JavaScript
showProducts: function (s) {
let r = t("<form>").attr({
class: "smart-basket__form",
method: "POST",
action: "mail.php",
id: "smart-basket__form",
enctype: "multipart/form-data",
}),
n = t("<div>").attr({ class: "smart-basket__product-item" }),
i = t("<div>")
.attr({ class: "smart-basket__product-id" })
.text("ID"),
o = t("<div>")
.attr({ class: "smart-basket__product-name" })
.text("Товар"),
l = t("<div>")
.attr({
class:
"smart-basket__product-quantity smart-basket__product-quantity_header",
})
.text("Кол-во"),
c = t("<span>")
.attr({ class: "smart-basket__info-icon" })
.text("?"),
p = t("<button>")
.attr({ class: "smart-basket__info-msgs-close" })
.text("×"),
d = t("<span>")
.attr({ class: "smart-basket__info-msgs" })
.html("Цена за 1 товар или услугу")
.append(p),
u = t("<div>")
.attr({ class: "smart-basket__product-price" })
.html(`Цена / ${a.smartBasketCurrency}`)
.append(c)
.append(d);
c.click(() => {
d.fadeToggle();
}),
p.click((t) => {
t.preventDefault(), d.fadeToggle();
});
let m = t("<div>")
.attr({ class: "smart-basket__product-price-common" })
.html(`Общая цена / ${a.smartBasketCurrency}`),
k = t("<div>")
.attr({ class: "smart-basket__product-delete" })
.text("Удалить");
n.append(o).append(i).append(u).append(l).append(m).append(k),
r.append(n);
for (let n in s) {
let i = t("<div>").attr({ class:...