From 9242e6d1333030bc7668032a44b2fdf589250f56 Mon Sep 17 00:00:00 2001
From: solehudin5699 <solehudinamqi@yahoo.co.id>
Date: Sun, 27 Feb 2022 23:24:05 +0700
Subject: [PATCH] update init state

---
 public/index.html | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index dc73514..996af04 100644
--- a/public/index.html
+++ b/public/index.html
@@ -190,6 +190,7 @@
   <script>
     const formSubmit = document.getElementById('form-submit');
     const btnBrowse = document.getElementById('btn-browse');
+    const btnSubmit = document.getElementById('btn-submit');
     const inputFile = document.getElementById('input-file');
     const anchorDonwload = document.getElementById('anchor-donwload');
     const inputQuality = document.getElementById('quality-input');
@@ -198,13 +199,17 @@
     const inputHeight = document.getElementById('height-input');
     const checkboxOriSize = document.getElementById('original-size-input');
 
-    if (checkboxOriSize.checked) {
-      inputHeight.setAttribute('disabled', true);
-      inputWidth.setAttribute('disabled', true);
-    } else {
-      inputHeight.removeAttribute('disabled');
-      inputWidth.removeAttribute('disabled');
-    }
+    const setInitialState = (() => {
+      if (checkboxOriSize.checked) {
+        inputHeight.setAttribute('disabled', true);
+        inputWidth.setAttribute('disabled', true);
+      } else {
+        inputHeight.removeAttribute('disabled');
+        inputWidth.removeAttribute('disabled');
+      }
+      valueQuality.innerHTML = inputQuality.value;
+      btnSubmit.setAttribute('disabled', true);
+    })();
 
     btnBrowse.addEventListener('click', (e) => {
       inputFile.click();
@@ -227,6 +232,8 @@
         btnBrowse.innerHTML = 'Change Image';
       };
       imageFile.src = URL.createObjectURL(file);
+
+      btnSubmit.removeAttribute('disabled');
     });
 
     inputQuality.addEventListener('change', (e) => {