---

let total = 0;

const form = document.querySelector("#product-form");
const nameInput = document.querySelector("#product-name");
const priceInput = document.querySelector("#product-price");
const list = document.querySelector("#product-list");
const totalText = document.querySelector("#total-price");
const emptyMessage = document.querySelector("#empty-message");

form.addEventListener("submit", function (event) {
    event.preventDefault();

    const name = nameInput.value;
    const price = Number(priceInput.value);

    const item = document.createElement("li");
    item.className = "product-item";

    const text = document.createElement("span");
    text.textContent = name + " — " + price.toFixed(2) + " €";

    const button = document.createElement("button");
    button.textContent = "Удалить";
    button.className = "remove-button";

    button.addEventListener("click", function () {
        item.remove();
        total = total - price;
        totalText.textContent = total.toFixed(2);

        if (list.children.length === 0) {
            emptyMessage.hidden = false;
        }
    });

    item.appendChild(text);
    item.appendChild(button);
    list.appendChild(item);

    total = total + price;
    totalText.textContent = total.toFixed(2);
    emptyMessage.hidden = true;

    form.reset();
});