Algorithm - findTheLargestElement

YunaAnn · YunaAnn · commit 61d3e3ad3b95 · 2020-10-26T22:03:42.000+01:00
diff --git a/README.md b/README.md
@@ -35,5 +35,9 @@
         1. Hello, what's up? -> Hello
         2. I like trains :3 -> trains    
 
+7. Find Largest Element
+    - EXAMPLE 
+        1. 1,3,10,4,6,7,8 -> 10
+        2. 302,17,35,66,100,1 -> 302
 
 
diff --git a/algorithms.js b/algorithms.js
@@ -85,7 +85,7 @@ function repeatString()
     }
 
     //for loop
-    for (var index = 1; index <=repeatStringNumber; index++)
+    for (let index = 1; index <=repeatStringNumber; index++)
     {
         finalString += repeatStringString; 
     }
@@ -130,7 +130,7 @@ function findTheLongestString()
     var longestWord = '';
     var wordArray = noSpecialCharacters.split(' ');
 
-    for(var i=0; i<wordArray.length; i++ )
+    for(let i=0; i<wordArray.length; i++ )
     {
         if(wordArray[i].length > longestWord.length)
         {
@@ -141,4 +141,19 @@ function findTheLongestString()
     document.getElementById("findTheLongestStringResult").innerHTML = longestWord;
 }
 
+function findTheLargestElement()
+{
+
+    //EXAMPLE 
+    //1. 1,3,10,4,6,7,8 -> 10
+    //2. 302,17,35,66,100,1 -> 302
+
+    var findTheLargestElementData = document.getElementById("findTheLargestElementInput").value;
+    var largestElement = null;
+    var findTheLargestElementSplit = findTheLargestElementData.split(',');
+
+    largestElement = Math.max.apply(null,findTheLargestElementSplit);
+
+    document.getElementById("findTheLargestElementResult").innerHTML = largestElement;
 
+}  
diff --git a/css/main.css b/css/main.css
@@ -86,10 +86,8 @@ strong
 }
 
 /*-----------------------------------------*/
-.contact
-{
-	margin: -.4rem 0 1rem 1.5rem;
-}
+.contact { margin: -.4rem 0 1rem 1.5rem;}
 .contact a { color: #e2e2e2; }
 .contact a:hover { color: #fff; }
 .contact i { font-size:50px; }
+.contact h4 { margin-bottom: 1.5rem;}
diff --git a/index.html b/index.html
@@ -137,6 +137,24 @@ <h6> 2. I like trains :3 -> trains </h6>
                         <p class="lead"> RESULT </p>
                         <strong id="findTheLongestStringResult"> ------------ </strong>
                     </div>   
+
+                    <div class="col-4">
+                        <div class="example">
+                            <h1 class="display-4"> Find the Largest Element </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>
+                        </div>
+                        <div class="row">
+                            <div class="col-8">
+                                <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>
+                        <p class="lead"> RESULT </p>
+                        <strong id="findTheLargestElementResult"> ------------ </strong>
+                    </div> 
+
                 </div>
 
 
@@ -152,6 +170,7 @@ <h6> 2. I like trains :3 -> trains </h6>
 
                         <div class="col-4">
                             <div class="contact">
+                                <h4>by YunaAnn</h4>
                                 <a  target="_blank" rel="noopener noreferrer" href="https://github.com/YunaAnn/JavaScriptAlgorithms"> <i class="fas fa-code"></i></a>               
                                 <a  target="_blank" rel="noopener noreferrer" href="https://github.com/YunaAnn"><i class="fab fa-github" style="padding-left:10px"></i></a>
                             </div>

Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@ function repeatString()`
`85`	`85`	`}`
`86`	`86`
`87`	`87`	`//for loop`
`88`		`- for (var index = 1; index <=repeatStringNumber; index++)`
	`88`	`+ for (let index = 1; index <=repeatStringNumber; index++)`
`89`	`89`	`{`
`90`	`90`	`finalString += repeatStringString;`
`91`	`91`	`}`
`@@ -130,7 +130,7 @@ function findTheLongestString()`
`130`	`130`	`var longestWord = '';`
`131`	`131`	`var wordArray = noSpecialCharacters.split(' ');`
`132`	`132`
`133`		`- for(var i=0; i<wordArray.length; i++ )`
	`133`	`+ for(let i=0; i<wordArray.length; i++ )`
`134`	`134`	`{`
`135`	`135`	`if(wordArray[i].length > longestWord.length)`
`136`	`136`	`{`
`@@ -141,4 +141,19 @@ function findTheLongestString()`
`141`	`141`	`document.getElementById("findTheLongestStringResult").innerHTML = longestWord;`
`142`	`142`	`}`
`143`	`143`
	`144`	`+function findTheLargestElement()`
	`145`	`+{`
	`146`	`+`
	`147`	`+ //EXAMPLE`
	`148`	`+ //1. 1,3,10,4,6,7,8 -> 10`
	`149`	`+ //2. 302,17,35,66,100,1 -> 302`
	`150`	`+`
	`151`	`+ var findTheLargestElementData = document.getElementById("findTheLargestElementInput").value;`
	`152`	`+ var largestElement = null;`
	`153`	`+ var findTheLargestElementSplit = findTheLargestElementData.split(',');`
	`154`	`+`
	`155`	`+ largestElement = Math.max.apply(null,findTheLargestElementSplit);`
	`156`	`+`
	`157`	`+ document.getElementById("findTheLargestElementResult").innerHTML = largestElement;`
`144`	`158`
	`159`	`+}`