main.js

/* eslint no-unused-vars: "off" */
// const text = document.getElementById('text')
const download = document.getElementById("download");
const pdf = document.getElementById("pdf");
const ruled = document.getElementById("ruled");
const inkColor = document.getElementById("inkColor");

let cleared = false;
let w = new Worker("worker.js");

function makepdf() {
  w.terminate();
  w = new Worker("worker.js");
  w.postMessage([text.value, ruled.checked, inkColor.value]);
  w.addEventListener("message", (e) => {
    pdf.src = e.data;
    download.download = `${pdf.src.slice(4, pdf.src.length)}.pdf`;
    download.href = pdf.src;
  });
}

/* Function for Avoiding losing text when refreshing the browser with local storage */
let text = document.querySelector("#text");
text.value = localStorage.getItem("notes");

let cancel;
text.addEventListener("keyup", (event) => {
  if (cancel) clearTimeout(cancel);
  cancel = setTimeout(() => {
    localStorage.setItem("notes", event.target.value);
  }, 1000);
});

function clearContents(element) {
  if (!cleared) {
    element.value = "";
    makepdf();
    cleared = true;
  }
}

function clickListener() {
  if (!cleared) {
    cleared = true;
  }
  makepdf();
}

text.addEventListener("input", makepdf);
ruled.addEventListener("click", clickListener);
makepdf();