npm install -g npm@latest

rm -rf node_modules
npm install

useReducer
useCallback
useMemo
useRef
useImperativeHandle
useLayoutEffect
useDebugValue

step-1: Create two components one is our Result component where we display the
output, and the other is Keypad Component where we need to display our keypad.
(Done)
step-2: In Keypad component create buttons and send data through the onClick event
to Result Display component.
step-3: In result display component we have two fileds one is for input and other
one is for output. in input field we send Buttons onClick events data, in output
field we send input evaluated data.
step-4: when ever "=" button call then only output field will display data.
step-5: In "=" button have saparate onClick event method this will evaluate the
input data.
stap-6: In clear button have saparate onClick event method, in this we clear the
input data.

var arr = ['a', 'b', 'c', 1, 2, '3'];

var rslt = arr.reduce((a,b)=>a+b);
console.log(rslt);

routing:

import { Link, Router } from "@reach/router";

<nav>
<Link to="/">Home</Link>{" "}
<Link to="dashboard">Dashboard</Link>
</nav>
<Router>
<Home path="/" />
<Dashboard path="/dashboard" />
</Router>

1) let yourArray = ["hi",6, true,"s", {name: "sai"}];

2)let myArray = ["a", "e", "c", "d"];

console.log(myArray);
3)function mixedNumbers(arr)
{

arr.unshift("I", 2, "three");

arr.push( 7, "VIII", 9);

return arr;

console.log(mixedNumbers(['IV', 5, 'six']));
4)function popShift(arr)
{

let popped = arr.pop();

let shifted = arr.shift();

return [shifted, popped];

// do not change code below this line

console.log(popShift(['challenge', 'is', 'not', 'complete']));

5)function sumOfTen(arr)
{

arr.splice(1,2)

return arr.reduce((a, b) => a + b);

console.log(sumOfTen([2, 5, 1, 5, 2, 1]));

6)function htmlColorNames(arr)
{

arr.splice(0, 2, "DarkSalmon", "BlanchedAlmond");

return arr;

console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush',

'PaleTurqoise', 'FireBrick']));
7)function forecast(arr)
{

return arr.slice(2,4);

console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));

8)function copyMachine(arr, num)
{

let newArr = [];

while (num >= 1)

{

newArr.push([...arr]);
 num--;

return newArr;

console.log(copyMachine([true, false, true], 2));

9) function spreadOut()
{

let fragment = ['to', 'code'];

let sentence = ["learning", ...fragment, "is", "fun"];

return sentence;

console.log(spreadOut());
10)
function quickCheck(arr, elem)
{

if(arr.indexOf(elem)>=0)
{

return true;

return false;

console.log(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));

11)function filteredArray(arr, elem)
{

let newArr = [];

for (let i = 0; i < arr.length; i++)

{

if (arr[i].indexOf(elem)==-1)
{

newArr.push(arr[i]);

};

};

return newArr;

}
console.log(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3));
12)

let myNestedArray = [

['unshift', false, 1, 2, 3, 'complex', 'nested'],

['loop', 'shift', 6, 7, 1000, 'method'],

['concat', false, true, 'spread', 'array',["deep"]],

['mutate', 1327.98, 'splice', 'slice', 'push', [["deeper"]]],

['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth', [[["deepest"]]] ]

];
13)
let foods = {
apples: 25,
oranges: 32,
plums: 28
};

foods['bananas'] = 13;

foods['grapes'] = 35;

foods['strawberries'] = 27;

console.log(foods);
14)let userActivity = {

id: 23894201352,

date: 'January 1, 2017',

data: {
totalUsers: 51,
online: 42
}
};

userActivity.data.online = 45;

console.log(userActivity);

15)let foods = {

apples: 25,

oranges: 32,

plums: 28,

bananas: 13,

grapes: 35,
 strawberries: 27
};

function checkInventory(scannedItem)
{

return foods[scannedItem];

console.log(checkInventory("bananas"));
16)let foods = {

apples: 25,

oranges: 32,

plums: 28,

bananas: 13,

grapes: 35,

strawberries: 27

};

delete foods.oranges;

delete foods.plums;

delete foods.strawberries;

console.log(foods);
17)
let users = {
Alan: {
age: 27,
online: true
},

Jeff: {
age: 32,
online: true
},

Sarah: {
age: 48,
online: true
},

Ryan: {
age: 19,
online: true
}
};
function isEveryoneHere(obj)
{

if(users.hasOwnProperty('Alan','Jeff','Sarah','Ryan'))
{

return true;

return false;

}
console.log(isEveryoneHere(users));

18)let users = {
Alan: {
age: 27,
online: false
},
Jeff: {
age: 32,
online: true
},
Sarah: {
age: 48,
online: false
},
Ryan: {
age: 19,
online: true
}
};

function countOnline(obj) {
let counter = 0;
for (let user in obj) {
if(user.online=== true){
counter= counter++;
}
}
return counter;
}
console.log(countOnline(users));

19)
let users = {
Alan: {
age: 27,
online: false
},
Jeff: {
age: 32,
online: true
},
Sarah: {
 age: 48,
online: false
},
Ryan: {
age: 19,
online: true
}
};

function getArrayOfUsers(obj) {
return Object.keys(obj);
}

console.log(getArrayOfUsers(users));
20)
20)
let user = {
name: 'Kenneth',
age: 28,

data: {
username: 'kennethCodesAllDay',
joinDate: 'March 26, 2016',
organization: 'freeCodeCamp',
friends: [
'Sam',
'Kira',
'Tomo'
],

location: {
city: 'San Francisco',
state: 'CA',
country: 'USA'
}
}
};

function addFriend(userObj, friend)

{

userObj.data.friends.push(friend);

return userObj.data.friends;

}
console.log(addFriend(user, 'Pete'));

input
[
{'name' : 'Jack', 'age':23},
{'name': 'Robin', 'age':25}
];
Output:
[
['Jack',23],
['Robin',25]
]
question 2
[
['Jack',23],
['Robin',25]
]
output:
[
{'name' : 'Jack', 'age':23},
{'name': 'Robin', 'age':25}
];

let arr=[{name:'jack',age:23},{name:'robin',age:25}]
function user(users)
{
for(var i=0;i<arr.length;i++)
{
var s=arr[i];
}
return s
}
user(arr.name)

let arr=[{name:'jack',age:23},{name:'robin',age:25}]
for(var i=0;i<arr.length;i++)
{
var s=arr[i];
}
function user(users) {
return Object.values(users[0]);
}

user(arr)