diff --git a/JSArray.html b/JSArray.html
new file mode 100644
index 0000000..82e0585
--- /dev/null
+++ b/JSArray.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Javascript Array</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
+
+<body>
+    <div class="container">
+        <form action="">
+            <div class="form-group mt-2">
+                <label for="text">Enter First Name:</label>
+                <input type="text" name="" id="userinput1">
+            </div>
+            <div class="form-group mt-2">
+                <label for="text">Enter Second Name:</label>
+                <input type="text" name="" id="userinput2">
+            </div>
+            <div class="form-group mt-2">
+                <label for="text">Enter Third Name:</label>
+                <input type="text" name="" id="userinput3">
+            </div>
+            <div class="form-group mt-2">
+                <label for="text">Enter Fourth Name:</label>
+                <input type="text" name="" id="userinput4">
+            </div>
+            <div class="form-group mt-2">
+                <label for="text">Enter Fifth Name:</label>
+                <input type="text" name="" id="userinput5">
+            </div>
+
+            <button type="button" class="btn btn-outline-secondary" onclick="arrayName()">Show Name</button>
+        </form>
+        <p class="mt-2"><span id="result"></span></p>
+        <ul id="nameList">
+        </ul>
+    </div>
+    <script>
+        function arrayName() {
+            var a = document.getElementById("userinput1").value;
+            var b = document.getElementById("userinput2").value;
+            var c = document.getElementById("userinput3").value;
+            var d = document.getElementById("userinput4").value;
+            var e = document.getElementById("userinput5").value;
+            var namearr = [a, b, c, d, e];
+            var arr = namearr.join(",");
+            var list = "";
+            document.getElementById("result").innerHTML = arr;
+         
+            namearr.forEach(function (element, i) {
+                var index = i + 1;
+                list += "<li>Name " + index + ": " + element + "</li>";
+                document.getElementById("nameList").innerHTML = list;
+              
+            });
+        }
+
+    </script>
+    
+</body>
+
+</html>
\ No newline at end of file
diff --git a/JSArray1.html b/JSArray1.html
new file mode 100644
index 0000000..91e2999
--- /dev/null
+++ b/JSArray1.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Javascript Array</title>
+    <style>
+        h4 {
+            color: cornflowerblue;
+        }
+        strong {
+            color: red;
+        }
+
+        button {
+            padding: 8px;
+            border: none;
+            background-color: rgb(0, 153, 255);
+            color: white;
+            font-family: 'Times New Roman', Times, serif;
+            font-weight: 700;
+            font-size: 15px;
+            cursor: pointer;
+        }
+    </style>
+
+</head>
+
+<body>
+    <h1>List of Names with Array Method Join and Sorting</h1>
+    <h4>Press Start Button and Enter As Many Name For Cancel: <strong>Enter 'X'</strong></h4>
+    <button type="submit" onclick="namesList()">Start</button>
+    <p id="nameWithJoin"></p>
+    <p id="nameAscendingOrder"></p>
+    <p id="nameDescendingOrder"></p>
+
+    <script>
+        function namesList() {
+            let nameWithJoin = document.getElementById('nameWithJoin');
+            let nameAscendingOrder = document.getElementById('nameAscendingOrder');
+            let nameDescendingOrder = document.getElementById('nameDescendingOrder');
+
+            let names = [];
+
+            document.querySelector('h4').style.display = 'none';
+
+            let flag = true;
+            while (flag) {
+                let name = prompt('Enter a Name:');
+                if (name != 'x' && name != 'X' && name != null) {
+                    names.push(name);
+                }
+                else {
+                    flag = false;
+                }
+            }
+
+            nameWithJoin.innerHTML = `List of Names With Join <q>~</q> are: <b>${names.join('~')}</b>`;
+            nameAscendingOrder.innerHTML = `List of Names in Ascending Order are: 
+                                    <b>${names.sort().map((name) => name.toUpperCase())}</b>`;
+            nameDescendingOrder.innerHTML = `List of Names in Descending Order are: 
+                                    <b>${names.reverse().map((name) => name.toUpperCase())}</b>`;
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/JSArray2.html b/JSArray2.html
new file mode 100644
index 0000000..f9f3dcb
--- /dev/null
+++ b/JSArray2.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        h4 {
+            color: cornflowerblue;
+        }
+
+        strong {
+            color: red;
+        }
+
+        button {
+            padding: 8px;
+            border: none;
+            background-color: rgb(0, 153, 255);
+            color: white;
+            font-family: 'Times New Roman', Times, serif;
+            font-weight: 700;
+            font-size: 15px;
+            cursor: pointer;
+        }
+    </style>
+</head>
+
+<body>
+    <h1>Sum Of Number</h1>
+    <h4>Press Start Button and Enter Number For Cancel: <strong>Enter 'X'</strong></h4>
+    <button type="submit" onclick="sumOfNumber()">Start</button>
+    <p id="total"></p>
+
+    <script>
+        function sumOfNumber() {
+            let total = document.getElementById('total');
+
+            let numbers = [];
+
+            document.querySelector('h4').style.display = 'none';
+
+            let flag = true;
+            while (flag) {
+                let number = prompt('Enter a Number:');
+                if (number != 'x' && number != 'X' && number != null) {
+                    numbers.push(parseInt(number));
+                }
+                else {
+                    flag = false;
+                }
+            }
+
+            total.innerHTML = `Sum Of Number are ${numbers.join('+')} = <b>${numbers.reduce((sum, number) => sum += number)}</b>`;
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/JSArray3.html b/JSArray3.html
new file mode 100644
index 0000000..13cfdbb
--- /dev/null
+++ b/JSArray3.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+
+    <style>
+        h4 {
+            color: cornflowerblue;
+        }
+
+        strong {
+            color: red;
+        }
+
+        button {
+            padding: 8px;
+            border: none;
+            background-color: rgb(0, 153, 255);
+            color: white;
+            font-family: 'Times New Roman', Times, serif;
+            font-weight: 700;
+            font-size: 15px;
+            cursor: pointer;
+        }
+    </style>
+
+</head>
+
+<body>
+    <h1>Sum Of Factorial of Number</h1>
+    <h4>Press Start Button and Enter Number For Cancel: <strong>Enter 'X'</strong></h4>
+    <button type="submit" onclick="sumOfFactorial()">Start</button>
+    <p id="total"></p>
+
+    <script>
+        function factorial(number) {
+            let result = 1;
+
+            if (number < 0) {
+                result = 1
+            }
+            else if (number == 0) {
+                result = 1
+            }
+            else {
+                let i = 1;
+                while (i <= number) {
+                    result *= i;
+                    i++;
+                }
+                result;
+            }
+
+            return result;
+        }
+
+        function sumOfFactorial() {
+            let total = document.getElementById('total');
+
+            let numbersFactorial = [];
+            let numbers = []
+
+            document.querySelector('h4').style.display = 'none';
+
+            let flag = true;
+            while (flag) {
+                let number = prompt('Enter a Number:');
+                if (number != 'x' && number != 'X' && number != null) {
+                    let fact = factorial(parseInt(number));
+                    numbers.push(number);
+                    numbersFactorial.push(fact);
+                }
+                else {
+                    flag = false;
+                }
+            }
+
+            total.innerHTML = `Actual Numbers: ${numbers} <br> Sum Of Factorial are ${numbersFactorial.join('+')} = <b>${numbersFactorial.reduce((sum, number) => sum += number)}</b>`;
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/JSArray4.html b/JSArray4.html
new file mode 100644
index 0000000..a516622
--- /dev/null
+++ b/JSArray4.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+
+    <style>
+        h4 {
+            color: cornflowerblue;
+        }
+
+        strong {
+            color: red;
+        }
+
+        button {
+            padding: 8px;
+            border: none;
+            background-color: rgb(0, 153, 255);
+            color: white;
+            font-family: 'Times New Roman', Times, serif;
+            font-weight: 700;
+            font-size: 15px;
+            cursor: pointer;
+        }
+    </style>
+</head>
+
+<body>
+    <h1>Every Number Factorials In Descending Order</h1>
+    <h4>Press Start Button and Enter Number For Cancel: <strong>Enter 'X'</strong></h4>
+    <button type="submit" onclick="sumOfFactorial()">Start</button>
+    <p id="actualArray"></p>
+    <p id="descendingOrder"></p>
+
+    <script>
+        function factorial(number) {
+            let result = 1;
+
+            if (number < 0) {
+                result = 1
+            }
+            else if (number == 0) {
+                result = 1
+            }
+            else {
+                let i = 1;
+                while (i <= number) {
+                    result *= i;
+                    i++;
+                }
+                result;
+            }
+
+            return result;
+        }
+
+        function sumOfFactorial() {
+            let actualArray = document.getElementById('actualArray');
+            let descendingOrder = document.getElementById('descendingOrder');
+
+            let numbersFactorial = [];
+            let numbers = [];
+
+            document.querySelector('h4').style.display = 'none';
+
+            let flag = true;
+            while (flag) {
+                let number = prompt('Enter a Number:');
+                if (number != 'x' && number != 'X' && number != null) {
+                    let fact = factorial(parseInt(number));
+                    numbers.push(number);
+                    numbersFactorial.push(fact);
+                }
+                else {
+                    flag = false;
+                }
+            }
+
+            actualArray.innerHTML = `Actual Number List Without Factorial Is: <b>${numbers.join(", ")}</b>, <br> With Each Factorial is <b>${numbersFactorial.join(", ")}</b>`
+            descendingOrder.innerHTML = `Descending Order Of Each Number Factorial is: <b>${numbersFactorial.sort(function (a, b) { return b - a }).join(", ")}</b>`;
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
