Work on the button color.

Dun-sin · Aug 18, 2023 · 55675ed · 55675ed
1 parent 9365e75
commit 55675ed
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/pages/gradient-background.ts b/src/pages/gradient-background.ts
@@ -35,7 +35,7 @@ const attribute = 'gradient-background';
 
 const getNewColorButtonElement = getNewColorButton(attribute);
 const getRemoveColorButtonElement = getRemoveNewColorButton(attribute);
-
+const getResultBtn = document.getElementById('getResultBtn');
 let gradientBackgroundInputs = getAllInputElements('gradient-background');
 
 const getDegreeElement = getRange(attribute);
@@ -51,9 +51,12 @@ export function gradientBackgroundGenerator(
   var value = element.value; // Get the value of the input field
   if (value.length < 3) {
     gradientBackgroundInputs.forEach((ele) => {
+      getResultBtn.style.backgroundColor = 'grey';
       triggerEmptyAnimation(ele);
     });
     return;
+  } else {
+    getResultBtn.style.backgroundColor = 'blue';
   }
 
   const getOutputElement = getOutput(attribute);