Algorithms - Find the Longest String

YunaAnn · YunaAnn · commit 2f3d8e7195b4 · 2020-10-25T12:05:55.000+01:00
diff --git a/README.md b/README.md
@@ -30,5 +30,10 @@
         1. cat, 5 -> catcatcatcatcat
         2. rain, 4' -> rainrainrainrain   
 
+6. Find the Longest String
+    - EXAMPLE 
+        1. Hello, what's up? -> Hello
+        2. I like trains :3 -> trains    
+
 
 
diff --git a/algorithms.js b/algorithms.js
@@ -51,7 +51,7 @@ function reverseString()
     var reverseString = document.getElementById("reverseString").value;
     
     var reverseStringResult = reverseString.split('').reverse().join('');
-    
+
     //option 2:
     //var reverseStringResult = [...reverseString].reverse().join('');
 
@@ -117,4 +117,28 @@ function alphabetizeString()
     document.getElementById("alphabetizeStringResult").innerHTML = alphabetizeStrResult;
 }
 
+function findTheLongestString()
+{
+
+    //EXAMPLE
+    //Hello, what's up? -> Hello
+    //I like trains :3 -> trains  
+
+    var findTheLongestStringStr = document.getElementById("findTheLongestStringInput").value;
+
+    var noSpecialCharacters = findTheLongestStringStr.replace(/\W/g,' ');
+    var longestWord = '';
+    var wordArray = noSpecialCharacters.split(' ');
+
+    for(var i=0; i<wordArray.length; i++ )
+    {
+        if(wordArray[i].length > longestWord.length)
+        {
+            longestWord = wordArray[i];
+        }
+    }
+
+    document.getElementById("findTheLongestStringResult").innerHTML = longestWord;
+}
+
 
diff --git a/index.html b/index.html
@@ -119,6 +119,27 @@ <h6> Do geese see God? </h6>
                         <strong id="palindromeResult"> ------------ </strong>
                     </div>     
                 </div>
+
+                <div class="row">
+                    <div class="col-4">
+                        <div class="example">
+                            <h1 class="display-4"> Find the Longest String </h1>
+                            <h3 class="lead"> EXAMPLE </h3>
+                            <h6> 1. Hello, what's up? -> Hello </h6>
+                            <h6> 2. I like trains :3 -> trains </h6>
+                        </div>
+                        <div class="row">
+                            <div class="col-8">
+                                <input class="form-control form-control-lg" type="text" id="findTheLongestStringInput" name="findTheLongestStringInput">
+                            </div>
+                        </div>
+                        <button id="btn-space" onclick="findTheLongestString()" class="btn btn-outline-info btn-lg"> Find the Longest String! </button>
+                        <p class="lead"> RESULT </p>
+                        <strong id="findTheLongestStringResult"> ------------ </strong>
+                    </div>   
+                </div>
+
+
             </div>
         </div>
     </div>
