Name Swap algorithm

YunaAnn · YunaAnn · commit 34e88be2d16d · 2020-10-20T21:43:57.000+02:00
diff --git a/README.md b/README.md
@@ -1 +1,6 @@
-# JavaScriptAlgorythms
+# JavaScriptAlgorythms
+
+1. Name Swap
+     EXAMPLE
+        'Doe Jane' -> 'Jane Doe'
+        'Nowak Jan' -> 'Jan Nowak'
diff --git a/algorithms.js b/algorithms.js
@@ -0,0 +1,27 @@
+function nameSwap(/*str*/)
+{
+    var nameSwapString = document.getElementById("nameSwap").value;
+
+    //  EXAMPLE
+        // 'Doe Jane' -> 'Jane Doe'
+        // 'Nowak Jan' -> 'Jan Nowak'
+
+    /*
+    var stringToArray = str.split(' ');
+    var reverseArray = stringToArray.reverse();
+    var reverseString = reverseArray.join(' ');
+    return reverseString;
+    */
+
+    //Indexes
+    /*
+    var array = str.split(' ');
+    return array[1] + ' ' + array[0];
+    */
+
+    //One line 
+    //return str.split(' ').reverse().join(' ');
+
+    var nameSwapResult = nameSwapString.split(' ').reverse().join(' ');
+    document.getElementById("swapNameResult").innerHTML = nameSwapResult;
+}    
diff --git a/index.html b/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title> JavaScript Algorithms | Menu </title>
+    <!--CSS-->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+</head>
+
+<body>
+
+    <div class = "container">
+
+        <h5>Write a name to swap</h5>
+        <p> EXAMPLE </p>
+        <p> 'Doe Jane' -> 'Jane Doe'</p>
+        <p> ' Nowak Jan' -> 'Jan Nowak'</p>
+
+        <input type="text" id="nameSwap" name="nameswap">
+        <button onclick="nameSwap()" type="button"> Swap! </button>
+
+        <p> RESULT </p>
+        <p id="swapNameResult"> ------------ </p>
+
+    </div>
+
+    <!--JS-->
+    <script src="algorithms.js"></script>
+
+</body>
+
+</html>
