popup.js

const viewMode = document.getElementById("view-mode");
const buttonLTE = document.getElementById("LTE");
const buttonETL = document.getElementById("ETL");
const word = document.getElementById("word");
var url;

// errors
const noText = {
  type: "basic",
  iconUrl: "/images/icon128.png",
  title: "error",
  message: "text not found | enter a word",
  buttons: [{ title: "Close" }],
};

const tooMany = {
  type: "basic",
  iconUrl: "/images/icon128.png",
  title: "error",
  message: "only one word can be translated",
  buttons: [{ title: "Close" }],
};

// Latin to English
buttonLTE.addEventListener("click", function () {
  url = "http://www.archives.nd.edu/cgi-bin/wordz.pl?keyword=" + word.value;
  openTab(url);
});

// English to Latin
buttonETL.addEventListener("click", function () {
  if (word.value.indexOf(" ") >= 0) {
    chrome.notifications.create(tooMany);
  }
  url = "https://archives.nd.edu/cgi-bin/wordz.pl?english=" + word.value;
  openTab(url);
});

function openTab(url) {
  if (word.value == "") {
    chrome.notifications.create(noText);
  } else {
    chrome.tabs.create({ url: url });
  }
}

// Light / Dark mode
viewMode.addEventListener("click", function () {
  chrome.storage.sync.get("mode", function (data) {
    var lightMode = data.mode;
    if (lightMode == false) {
      lightMode = true;
      viewMode.value = "Dark Mode";
    } else {
      lightMode = false;
      viewMode.value = "Light Mode";
    }
    chrome.storage.sync.set({ mode: lightMode });
    toggleViewMode();
  });
});

// Gets the view mode when the extension is opened to change to light mode if it is saved
function startUp() {
  chrome.storage.sync.get("mode", function (data) {
    if (data.mode == true) {
      viewMode.value = "Light Mode";
      toggleViewMode();
    }
  });
}

function toggleViewMode() {
  document.getElementsByTagName("body")[0].classList.toggle("light-mode");
}

startUp();