project added in index.md

Author: jugeshraghav

Index.md

@@ -140,3 +140,4 @@ I've used the concept of *Async functions* and *react hook usestate* also worked
 |[Digital & Analog Clock](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Clock)| It is a simple project built using Javascript which has two clocks, one is Digital Clock and another one is Analog Clock.
 | [Insta Clone](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Instagram-clone)                                   |It is a simple clone of instagram front page using react.
 |[Password Strength Meter](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Password%20Strength%20Meter)| Checks the strength of a password if it is strong, average or weak.
+|[lcm-hcf-calculator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/lcm-hcf-calculator)                                   |HCF and LCM calculator finds the highest common factor and lowest common multiple for the given numbers.

LCM-HCF-CALCULATOR/public/css/style.css

@@ -73,7 +73,8 @@ input[type="number"]{
 
 input[type="submit"]{
     background-color:#7C40FF;
-    padding: 0vh 1vw;
+    padding-left: 1vw;
+    padding-right: 1vw;
     margin-top: 1vh;
     width: 40vw;
 }

LCM-HCF-CALCULATOR/public/js/main.js

@@ -1,9 +1,6 @@
 const body = document.querySelector("body");
 const lcmBtn = document.querySelector("#lcmBtn");
 const hcfBtn = document.querySelector("#hcfBtn");
-const box = document.querySelector(".box");
-const resultboxLcm = document.querySelector(".resultboxLcm");
-const resultboxHcf  = document.querySelector(".resultboxHcf ");
 const numLcm1 = document.querySelector("#numLcm1");
 const numLcm2 = document.querySelector("#numLcm2")
 const lcm = document.querySelector("#lcm");
@@ -44,7 +41,7 @@ const findLcm = () => {
             const num2 = numLcm2.value;
 
             let min = (num1 < num2) ? num1 : num2;
-            while(true){
+            while(1){
                 if(min % num1 == 0 && min % num2 == 0){
                     resultLcm.innerHTML = `LCM of ${num1} and ${num2} is ${min}`;
                     if(min % 2 == 0){
@@ -55,9 +52,9 @@ const findLcm = () => {
                         evenLcm.style.opacity = 0.5;
                     };
                     break;
-                };
+                }
                 min++;
-            };
+            }
         });
 };
 
@@ -78,12 +75,12 @@ const findHcf = () => {
                 }else{
                     oddHcf.style.opacity = 1;
                     evenHcf.style.opacity = 0.5;
-                };
+                }
                 resultHcf.innerHTML = `HCF of ${num1} and  ${num2} is ${i}`
-            };
-        };
-    });
-};
+            }
+        }
+    })
+}
 
 
 lcmBtn.addEventListener("click", findLcm)