Algorithm - Find the Smallest Value

YunaAnn · YunaAnn · commit d8552a273a26 · 2020-10-27T21:35:19.000+01:00
diff --git a/README.md b/README.md
@@ -35,9 +35,14 @@
         1. Hello, what's up? -> Hello
         2. I like trains :3 -> trains    
 
-7. Find Largest Element
+7. Find the Largest Value
     - EXAMPLE 
         1. 1,3,10,4,6,7,8 -> 10
         2. 302,17,35,66,100,1 -> 302
 
+8. Find the Smallest Value
+    - EXAMPLE 
+        1. 1,3,10,4,6,7,8 -> 1
+        2. 302,17,35,66,100,1 -> 1      
+
 
diff --git a/algorithms.js b/algorithms.js
@@ -157,3 +157,20 @@ function findTheLargestElement()
     document.getElementById("findTheLargestElementResult").innerHTML = largestElement;
 
 }  
+
+function findTheSmallestElement()
+{
+
+    //EXAMPLE 
+    //1. 1,3,10,4,6,7,8 -> 1
+    //2. 302,17,35,66,100,1 -> 1
+
+    var findTheSmallestElementData = document.getElementById("findTheSmallestElementInput").value;
+    var smallestElement = null;
+    var findTheSmallestElementSplit = findTheSmallestElementData.split(',');
+
+    smallestElement = Math.min.apply(null,findTheSmallestElementSplit);
+
+    document.getElementById("findTheSmallestElementResult").innerHTML = smallestElement;
+
+}  
diff --git a/index.html b/index.html
@@ -140,7 +140,7 @@ <h6> 2. I like trains :3 -> trains </h6>
 
                     <div class="col-4">
                         <div class="example">
-                            <h1 class="display-4"> Find the Largest Element </h1>
+                            <h1 class="display-4"> Find the Largest Value </h1>
                             <h3 class="lead"> EXAMPLE </h3>
                             <h6> 1. 1,3,10,4,6,7,8 -> 10 </h6>
                             <h6> 2. 302,17,35,66,100,1 -> 302 </h6>
@@ -150,11 +150,28 @@ <h6> 2. 302,17,35,66,100,1 -> 302 </h6>
                                 <input class="form-control form-control-lg" type="text" id="findTheLargestElementInput" name="findTheLargestElementInput">
                             </div>
                         </div>
-                        <button id="btn-space" onclick="findTheLargestElement()" class="btn btn-outline-info btn-lg"> Find the Largest Element! </button>
+                        <button id="btn-space" onclick="findTheLargestElement()" class="btn btn-outline-info btn-lg"> Find the Largest Value! </button>
                         <p class="lead"> RESULT </p>
                         <strong id="findTheLargestElementResult"> ------------ </strong>
                     </div> 
 
+                    <div class="col-4">
+                        <div class="example">
+                            <h1 class="display-4"> Find the Smallest Value </h1>
+                            <h3 class="lead"> EXAMPLE </h3>
+                            <h6> 1. 1,3,10,4,6,7,8 -> 1 </h6>
+                            <h6> 2. 302,17,35,66,100,1 -> 1 </h6>
+                        </div>
+                        <div class="row">
+                            <div class="col-8">
+                                <input class="form-control form-control-lg" type="text" id="findTheSmallestElementInput" name="findTheSmallestElementInput">
+                            </div>
+                        </div>
+                        <button id="btn-space" onclick="findTheSmallestElement()" class="btn btn-outline-info btn-lg"> Find the Smallest Value! </button>
+                        <p class="lead"> RESULT </p>
+                        <strong id="findTheSmallestElementResult"> ------------ </strong>
+                    </div> 
+
                 </div>
 
 
