|
1 | 1 | /* eslint no-unused-vars: "off" */
|
2 |
| -//const text = document.getElementById('text') |
3 |
| -const download = document.getElementById('download') |
4 |
| -const pdf = document.getElementById('pdf') |
5 |
| -const ruled = document.getElementById('ruled') |
6 |
| -const inkColor = document.getElementById('inkColor') |
7 |
| - |
8 |
| -let cleared = false |
9 |
| -let w = new Worker('worker.js') |
10 |
| - |
11 |
| -function makepdf () { |
12 |
| - w.terminate() |
13 |
| - w = new Worker('worker.js') |
14 |
| - w.postMessage([text.value, ruled.checked, inkColor.value]) |
15 |
| - w.addEventListener('message', (e) => { |
16 |
| - pdf.src = e.data |
17 |
| - download.download = `${pdf.src.slice(4, pdf.src.length)}.pdf` |
18 |
| - download.href = pdf.src |
19 |
| - }) |
| 2 | +// const text = document.getElementById('text') |
| 3 | +const download = document.getElementById("download"); |
| 4 | +const pdf = document.getElementById("pdf"); |
| 5 | +const ruled = document.getElementById("ruled"); |
| 6 | +const inkColor = document.getElementById("inkColor"); |
| 7 | + |
| 8 | +let cleared = false; |
| 9 | +let w = new Worker("worker.js"); |
| 10 | + |
| 11 | +function makepdf() { |
| 12 | + w.terminate(); |
| 13 | + w = new Worker("worker.js"); |
| 14 | + w.postMessage([text.value, ruled.checked, inkColor.value]); |
| 15 | + w.addEventListener("message", (e) => { |
| 16 | + pdf.src = e.data; |
| 17 | + download.download = `${pdf.src.slice(4, pdf.src.length)}.pdf`; |
| 18 | + download.href = pdf.src; |
| 19 | + }); |
20 | 20 | }
|
21 | 21 |
|
22 |
| -/* Function for Avoiding losing text when refreshing the browser with local storage*/ |
23 |
| -let text = document.querySelector("#text") |
24 |
| -text.value = localStorage.getItem("notes") |
| 22 | +/* Function for Avoiding losing text when refreshing the browser with local storage */ |
| 23 | +let text = document.querySelector("#text"); |
| 24 | +text.value = localStorage.getItem("notes"); |
25 | 25 |
|
26 |
| -let cancel |
27 |
| -text.addEventListener("keyup",event => { |
28 |
| - if(cancel) clearTimeout(cancel) |
| 26 | +let cancel; |
| 27 | +text.addEventListener("keyup", (event) => { |
| 28 | + if (cancel) clearTimeout(cancel); |
29 | 29 | cancel = setTimeout(() => {
|
30 |
| - localStorage.setItem("notes",event.target.value) |
31 |
| - },1000) |
32 |
| -}) |
33 |
| - |
| 30 | + localStorage.setItem("notes", event.target.value); |
| 31 | + }, 1000); |
| 32 | +}); |
34 | 33 |
|
35 |
| -function clearContents (element) { |
| 34 | +function clearContents(element) { |
36 | 35 | if (!cleared) {
|
37 |
| - element.value = '' |
38 |
| - makepdf() |
39 |
| - cleared = true |
| 36 | + element.value = ""; |
| 37 | + makepdf(); |
| 38 | + cleared = true; |
40 | 39 | }
|
41 | 40 | }
|
42 | 41 |
|
43 |
| -function clickListener () { |
| 42 | +function clickListener() { |
44 | 43 | if (!cleared) {
|
45 |
| - cleared = true |
| 44 | + cleared = true; |
46 | 45 | }
|
47 |
| - makepdf() |
| 46 | + makepdf(); |
48 | 47 | }
|
49 | 48 |
|
50 |
| -text.addEventListener('input', makepdf) |
51 |
| -ruled.addEventListener('click', clickListener) |
52 |
| -makepdf() |
| 49 | +text.addEventListener("input", makepdf); |
| 50 | +ruled.addEventListener("click", clickListener); |
| 51 | +makepdf(); |
0 commit comments