PizmetDeliverator/assets/js/background.js

function updateTable() {
    browser.storage.local.get("pizmetdata").then(result => {
        let pizmetdata = result["pizmetdata"];
        tablebody = document.getElementById("tablebody");
        tablebody.innerHTML = "";

        keys = Object.keys(pizmetdata);
        keys.forEach(key => {
            tr = document.createElement("tr");

            td1 = document.createElement("td");
            td1.textContent = key;
            tr.appendChild(td1);

            td2 = document.createElement("td");
            td2.textContent = pizmetdata[key].qty;
            tr.appendChild(td2);

            td3 = document.createElement("td");
            td3.textContent = pizmetdata[key].cost;
            tr.appendChild(td3);

            td4 = document.createElement("td");
            td4.textContent = "$" + (parseFloat(pizmetdata[key].qty * pizmetdata[key].cost.substring(1)).toFixed(2));
            tr.appendChild(td4);

            tablebody.appendChild(tr);
        });
    });
}

document.getElementById("grabbutton").addEventListener("click", function () {
    browser.tabs.query({ active: true, currentWindow: true }).then(tabs => {
        browser.tabs
            .sendMessage(tabs[0].id, { action: "get" })
            .then((response) => {
                browser.storage.local.set({ pizmetdata: response });
                updateTable();
            });
    })
        .catch(error => {
            console.log(error);
        });
});

document.getElementById("inputbutton").addEventListener("click", function () {
    browser.tabs.query({ active: true, currentWindow: true }).then(tabs => {
        browser.storage.local.get("pizmetdata").then(result => {
            let pizmetdata = result["pizmetdata"];
            console.log(pizmetdata);
            browser.tabs
                .sendMessage(tabs[0].id, { action: "send", content: pizmetdata })
                .then(response => {
                    console.log(response);
                });
        });
    })
        .catch(error => {
            console.log(error);
        });
});

updateTable();