diff --git a/func.js b/func.js
new file mode 100644
index 0000000..a9e01fe
--- /dev/null
+++ b/func.js
@@ -0,0 +1,92 @@
+function slice() {
+   const foods = ['pizza','burger','fingerChips','donuts','springRoll','Sandwich','HotDog','Pancake'];
+   var num1 = parseInt(document.getElementById("n1").value);
+   var num2 = parseInt(document.getElementById("n2").value);
+   var modifiedFood = [];
+   if(num1>=0 && num1<=7 && num2>=1 && num2<=8){
+      for(let i=num1;i<num2;i++){
+        modifiedFood.push(foods[i]);
+      }
+      document.getElementById("out1").innerText = "modifiedFood = ["+modifiedFood+"]";
+   }
+   else{
+      document.getElementById("out1").innerText = "Value out of array index! Please enter again.";  
+   }
+   
+   return modifiedFood
+}
+
+function Addsplice() {
+    const foods = ['pizza','burger','fingerChips','donuts','springRoll'];
+    var num1 = parseInt(document.getElementById("n3").value);
+    var value = document.getElementById("n4").value;
+    var modifiedFood = [];
+    if(num1>=0 && num1<=4){
+        let i;
+        for(i=0;i<num1;i++){
+            modifiedFood.push(foods[i]);
+        }
+        modifiedFood.push(value);
+        for(;i<foods.length;i++){
+            modifiedFood.push(foods[i]);
+        }
+        document.getElementById("out2").innerText = "modifiedFood = ["+modifiedFood+"]";
+    }
+    else{
+        document.getElementById("out2").innerText = "Value out of array index! Please enter again.";  
+    }
+    return modifiedFood;
+}
+
+function isEven(){
+    const numberArray = [12,324,213,4,2,3,45,4234];
+    function checkEven(num){
+        return num%2==0;
+    }
+    var res = numberArray.filter(checkEven);
+    document.getElementById("out3").innerText = "evennumberArray = ["+res+"]";
+    return res;
+}
+
+function isprime(){
+    const numberArray = [12,324,213,4,2,3,45,4234];
+    var notprime = [];
+    for(let i=0;i<numberArray.length;i++){
+       let j;
+       for(j=2;j<numberArray[i];j++){
+           if(numberArray[i]%j==0){
+               break;
+           }
+       }
+       if(j==numberArray[i]){
+           notprime.push(numberArray[i]);
+       }
+    }
+    document.getElementById("out4").innerText = "Notprime = ["+notprime+"]";
+    return notprime;
+}
+
+function checkEven(){
+    const numberArray = [12,324,213,4,2,3,45,4234];
+    var res = numberArray.filter(value => value%2==0);
+    document.getElementById("out5").innerText = "evennumberArray = ["+res+"]";
+    return res;
+}
+
+function findSquare(){
+    const myArray = [11, 34, 20, 5, 53, 16];
+    let output = myArray.map(function(ele){
+        return ele*ele;
+    })
+    document.getElementById("out6").innerText = "SquareofArray = ["+output+"]";
+    return output;
+}
+
+function multiply(){
+    const myArray = [2, 3, 5, 10];
+    let mul = myArray.reduce(function(mul,ele){
+      return mul*ele;
+    },1)
+    document.getElementById("out7").innerText = "Multiply Value = "+mul;
+    return mul;
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..87268a7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+        <script type="text/javascript" src="func.js"></script>
+        <title>Higher Order Function</title>
+    </head> 
+    <body>
+        <h1>Function 1 : Array Slice()</h1>
+        <p style="font-size: larger;">const foods = [pizza, burger, fingerChips, donuts, springRoll, Sandwich, HotDog, Pancake]</p>
+        <input type="number" id="n1" placeholder="start position">
+        <input type="number" id="n2" placeholder="end position">
+        <input type="submit" value="Submit" onclick="slice()">
+        <p style="font-size: larger;" id="out1"></p>
+
+        <h1>Function 2 : Array Splice()</h1>
+        <p style="font-size: larger;">const foods = [pizza, burger, fingerChips, donuts, springRoll]</p>
+        <input type="number" id="n3" placeholder="position">
+        <input type="text" id="n4" placeholder="element">
+        <input type="submit" value="Add" onclick="Addsplice()">
+        <p style="font-size: larger;" id="out2"></p>
+
+        <h1>Function 3 : Filter()</h1>
+        <p style="font-size: larger;">const numberArray = [12,324,213,4,2,3,45,4234]</p>
+        <input type="submit" value="Filter even number" onclick="isEven()">
+        <p style="font-size: larger;" id="out3"></p>
+
+        <h1>Function 4 : Reject()</h1>
+        <p style="font-size: larger;">const numberArray = [12,324,213,4,2,3,45,4234]</p>
+        <input type="submit" value="Not prime number" onclick="isprime()">
+        <p style="font-size: larger;" id="out4"></p>
+
+        <h1>Function 5 : Lambda()</h1>
+        <p style="font-size: larger;">const numberArray = [12,324,213,4,2,3,45,4234]</p>
+        <input type="submit" value="Even using Lambda" onclick="checkEven()">
+        <p style="font-size: larger;" id="out5"></p>
+
+        <h1>Function 6 : Map()</h1>
+        <p style="font-size: larger;">const myArray = [11, 34, 20, 5, 53, 16]</p>
+        <input type="submit" value="Square of number" onclick="findSquare()">
+        <p style="font-size: larger;" id="out6"></p>
+
+        <h1>Function 7 : Reduce()</h1>
+        <p style="font-size: larger;">const myArray = [2, 3, 5, 10]</p>
+        <input type="submit" value="multiply all" onclick="multiply()">
+        <p style="font-size: larger;" id="out7"></p>
+    </body>
+</html>
