Skip to content
Open

. #83

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 92 additions & 0 deletions func.js
Original file line number Diff line number Diff line change
@@ -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;
}
50 changes: 50 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -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>