popup.js

const inputEl = document.getElementById("amount");
const buttonEl = document.getElementById("button-el");
const display = document.getElementById("display-total");
const displayLimit = document.getElementById("display-limit");
let total = 0;

let dataFromLocalStorage = parseInt(
  JSON.parse(localStorage.getItem("expense"))
);

let limitFromLocalStorage = parseInt(JSON.parse(localStorage.getItem("limit")));

if (limitFromLocalStorage) {
  displayLimit.innerHTML = limitFromLocalStorage;
}

if (dataFromLocalStorage) {
  total = dataFromLocalStorage;
  display.innerHTML = total;
}

buttonEl.addEventListener("click", () => {
  total += parseInt(inputEl.value);
  display.innerHTML = total;
  inputEl.innerHTML = "";
  localStorage.setItem("expense", JSON.stringify(total));

//   if (limitFromLocalStorage <= total) {
//     noti();
//   }
});

// const noti = () => {
//   chrome.notifications.create("",{
//     title: "Limit Reached",
//     type: "basic",
//     iconUrl: "Cash-icon-16.png",
//     message: "Uh No ! You have reached your Limit.",
//   })
// };

// noti();