2 files changed, 12 insertions, 11 deletions

diff --git a/public/js/new.js b/public/js/new.js
index beaa36d..62c2e4b 100644
--- a/public/js/new.js
+++ b/public/js/new.js
@@ -1,20 +1,20 @@
 /* eslint-env browser */
-const elDrop = document.getElementById('dropzone');
-const submitBtn = document.getElementById('submitbutton');
-const fileInput = document.getElementById('files');
+const elDrop = document.querySelector('#dropzone');
+const submitBtn = document.querySelector('#submitbutton');
+const fileInput = document.querySelector('#files');
 
-elDrop.addEventListener('dragover', (event) => {
+elDrop.addEventListener('dragover', event => {
   event.preventDefault();
 });
 
-elDrop.addEventListener('drop', async (event) => {
+elDrop.addEventListener('drop', async event => {
   event.preventDefault();
 
   submitBtn.disabled = true;
 
   fileInput.files = event.dataTransfer.files;
 
-  elDrop.innerText = `✓ ${fileInput.files.length} files selected`;
+  elDrop.textContent = `✓ ${fileInput.files.length} files selected`;
   elDrop.style.height = 'inherit';
 
   submitBtn.disabled = false;
diff --git a/public/js/transfer.js b/public/js/transfer.js
index c04a6d3..b4ba14c 100644
--- a/public/js/transfer.js
+++ b/public/js/transfer.js
@@ -1,14 +1,15 @@
 /* eslint-env browser */
-const submitBtn = document.getElementById('submit');
-const fileInput = document.getElementById('file');
-const fileOutput = document.getElementById('fileoutput');
+const submitBtn = document.querySelector('#submit');
+const fileInput = document.querySelector('#file');
+const fileOutput = document.querySelector('#fileoutput');
 
 fileInput.addEventListener('change', () => {
   const reader = new FileReader();
-  reader.onload = function () {
+  reader.addEventListener('load', () => {
     const text = reader.result;
     fileOutput.value = text;
     submitBtn.disabled = false;
-  };
+  });
+  // eslint-disable-next-line unicorn/prefer-blob-reading-methods
   reader.readAsText(fileInput.files[0]);
 });