1.1: Create a code to check difference between null and undefined data type. Also check their type using typeof.
1.2: Which type of variables (var, let or const) must be initialized at the time of declaration?
1.3: Guess the Output and Explain Why?
[From video lecture 1.5]
let languages = 'java javaScript python cSharp';
let result = languages.lastIndexOf('S');
console.log(result);1.4: Guess the Output and Explain Why?
[From video lecture 1.8]
let variable = 'hello programmers';
let result = Number(variable);
console.log(result);1.5: Guess the Output and Explain Why?
let num1 = 32;
let num2 = '32';
let result1 = num1 !== num2;
let result2 = num1 != num2;
console.log(result1, result2);1.6: Guess the Output and explain Why?
let str = 'Hello Programmers';
let result = str.includes('r');
console.log(result);1.7: Guess the Output and Explain Why?
[From video lecture 1.6]
let num1 = 2;
let num2 = 5;
let result = num1 ** num2 * 2;
console.log(result);1.8: Guess the Output and Explain Why?
let num1 = [1, 2, 4, 5];
let num2 = [6, 5, 8, 0];
let result = num1.concat(num2);
console.log(result);1.9: Guess the Output and Explain Why?
let a = 5;
let b = 7;
let c = 8;
let result = a < b > c;
console.log(result);1.10: If your State is split into four equal parts such that in each part there are 1/4 number of people live. You have to find how many people would live in each part? which operators will you use ?
[From video lecture 1.6]
2.1: Guess the Output And Explain Why?
let i = 4;
for (let j = 0; i < 10; i++) {
if (j === 1 || i === 6) {
continue;
} else {
console.log(i, j);
if (i === 7) {
break;
}
}
}2.2: Guess the Output and Explain Why?
let i = 0;
for (i; i < 5; i++) {
console.log(i);
}2.3: Write a simple Program in which You have to print first 10 numbers in descending order (10...1)?
2.4: Lets say John is looking a new country to live in. He want to live in a country that speaks English, has less than 10 million people. One of the food option between these two must present Spanish food OR English food.
Write an if/else if statement to help john figure out Your country is right for him?
[From video lecture 2.4]
2.5: Guess the Output And Explain Why?
for (let i = 0; i < 10; i++) {
console.log(i);
}
console.log(i);2.6: use nested-if statement to check your age>18
than check your height height > 5.10.
If both true show any message(I can sit in exam) in the console?
2.7: Create two variables grade and passingYear.Check if your grade == "A" and passingYear < 2020 with the help of ternary operator(Not allowed to use any logical operator).If both condition true print on console Qualify. Otherwise Fail
[From video lecture 2.9]
3.1: Create a function Declaration called describeYourState Which take three parameters Population, traditional food and historical place. Based on this input function should return a String with this format.
My state population is ** Its traditional food is ** and historical place name is ___
3.2: Create a function expression which does the exact same thing as defined in Question 1
3.3: Create function addition which takes two numbers as an argument And return the result of sum of two numbers
Important Note: In the function call you are not passing any parameter. You can modify function to achieve this.
[From video lecture 3.2]
Example;
function addition(num1, num2) {
return num1 + num2;
}
console.log(addition()); //You are not allowed to modify this line any more3.4: Identify which type of value passed below into the function greet(). What will be the return value of greet ?
let person = {
name: 'john',
age: 25,
};
function greet(person) {
person.name = `Mr ${person.name}`;
return `Welcome ${person.name}`;
}
greet(person);3.5: Create higher order function named as transformer which take string and firstUpperCaseWord function as an arguments. firstUpperCaseWord is function which make first word UpperCase from a given String.
[From video lecture 3.5]
3.6: create function which will display Your name after every 5 seconds
[From video lecture 3.8]
input
let yourName = "john";
output
"john" after 5 second
"john" after 5 second
"john" after 5 second
"john" after 5 second
.
.
.
and so on.3.7: Guess the Output And Explain Why?
[From video lecture 3.4]
let arrowFunction = (name = 'Coders') => {
`Welcome ${name}`;
};
console.log(arrowFunction('Programmers'));3.8: Create a JavaScript Function to find the area of a triangle where lengths of the three of its sides are 5, 6, 7. : Area = Square root of√s(s - a)(s - b)(s - c) where s is half the perimeter, or (a + b + c)/2.
input: area_of_triangle(5, 6, 7);
output: 14.69;3.9: Create a JavaScript Function to capitalize the first letter of each word of a given string.
input: capitalize('we are the champions');
output: 'We Are The Champions';4.1: Guess the Output And Explain ?
console.log(Math.round(Math.random() * 10));4.2: Create an object called country for a country of your choice, containing properties name , capital, language, population and neighbors
- Increase the country population by two million using dot notation.
- Decrease the country population by one million using bracket notation.
- Make
languagevalue in Uppercase.
[From video lecture 4.1]
4.3: Guess the Output and explain Why?
let car = {
color: 'Blue',
model: 2021,
company: 'Toyota',
};
let carColor = 'Blue';
console.log(car[carColor]);
console.log(car.carColor);4.4: Create a method describeCar inside car object in which you have to print like this in console using template literals
[From video lecture 4.3]
Company of my car is ** . It color is And Model of my car is __**
4.5: Generate random numbers between 0 and 10 using trunc method of MATH object
Example
getRandomNumbers(){
}
Ouput value 0-104.6: Guess the Output and Explain Why?
[From video lecture 4.4]
let arr = [1,2,3,4];
arr.forEach(elem =>{
if(elem == 1){
continue;
}
console.log(elem);
})4.7: Guess the Output And explain Why?
Important Note: if there is any error, How we can solve that error?
[From video lecture 4.7]
let airplane = {
flightName: 'fly india',
atacode: 'FI',
ratings: 4.9,
book(passenger, flightNum) {
console.log(
`${passenger} Booked flight in ${this.flightName} with flight Number ${this.atacode}${flightNum}`
);
},
};
let bookMethod = airplane.book;
bookMethod('john', 8754);4.8: Guess the Output And Explain Why?
[From video lecture 4.9]
let arr = [1, 2, 3, 4];
for (let elem in arr) {
console.log(elem);
}4.9: You have to create a Shopping_Cart array with following features :
-
addItem(itemName) : this function should add string itemName to cart
-
removeItem(itemName): this function should remove any item which matches itemName. Hint : search for index of itemName and then remove it
-
cartSize() : returns size of cart in terms of number of cart Items.
5.1: Explain difference between innerText and innerHTML in the following example?
[From video lecture 5.4]
HTML
<div id="content">
<h2>Hello Coders</h2>
</div>JavaScript
let content = document.getElementById('content');
console.log(content.innerHTML);
console.log(content.innerText);6.1: Create regex for password with the following validations.
-
Length of password at least of 8 characters
-
contain at least one special character
-
contain at least one alphabet (a-z) character
[From video lecture 6.2]
HTML
<form action="" class="testForm">
<input
type="password"
name=""
class="inputPass"
placeholder="Enter Password"
/>
<input type="submit" value="Check Password" />
</form>JavaScript
let form = document.querySelector('.testForm');
let inputPassword = document.querySelector('.inputPass');
let requiredPasswordPattern = 'create your regex here';
form.addEventListener('submit', (e) => {
e.preventDefault();
let password = inputPassword.value;
let result = requiredPasswordPattern.test(password);
if (result == true) {
console.log('Your password validated successfully');
} else {
console.log('try again with new password');
}
});7.1: You have given array of strings. Your task is to obtain last two elements of given array using slice method?
Input;
let admins = ['john', 'paul', 'Neha', 'harry'];
Ouput[('Neha', 'harry')];7.2: You have given an array of 5 elements(1-5). Your task is defined as below.
[From video lecture 7.2]
const arr = [1, 4, 7, 6, 8];-
You have to delete 2 elements starting from index 2.
-
You have to add 3 new elements on index 1 choice.
-
Display the 2 deleted elements in console (from step 1)
7.3: What happens if we use negative number inside slice method?
const arr = [1, 4, 7, 6, 8];Example : arr.slice(-2);
7.4: Write three different methods/approaches to get last element of the array?
const arr = [1, 4, 7, 6, 8];[From video lecture 7.3]
7.5: You have given an array of nums. Create new Array with the help of nums array. In new Array each element will be a result of multiplication by 2 of the original array element
const arr = [1, 4, 7, 6, 8];[From video lecture 7.4]
Example: Input;
let nums = [1, 2, 3, 4, 5];
output;
updatedNums = [2, 4, 6, 8, 10];7.6 You have given an array of scores in which score of each student stored. Create a new array with the help of original scores array in which only those scores exist greater than 75%
const arr = [10, 40, 70, 60, 80];[From video lecture 7.5]
let totalScore = 150;
let scores = [55, 76, 35, 77, 88, 97, 120, 136, 140];7.7: You have given an array of numbers nums. You have to find sum of all array elements using reduce method?
let nums = [2, 3, 5, 7, 8, 4, 9];7.8: You have given an array of numbers nums. You have to find the index of value 8 using built-in method of array?
let nums = [2, 3, 5, 6, 8, 6, 4, 8];7.9: You have given an array of objects of users as below. Find the specified user with name = "John"
Also find the position (index+1) of that user inside the array?
let users = [
{
name: 'Paul',
age: 24,
verified: true,
},
{
name: 'John',
age: 21,
verified: false,
},
{
name: 'Neha',
age: 19,
verify: true,
},
];7.10: Guess the Output and explain Why?
let nums = [1, 2, 4, 5, [6, [8]], [9, 0]];
let res1 = nums.flat(1);
let res2 = nums.flatMap((elem) => elem);
console.log(res1, res2);7.11: You have given an array of nums. Write a program to sort the elements of array in descending order using built-in method of array.
Input;
let nums = [5, 1, 4, 6, 8, 3, 9];
Output[(9, 8, 6, 5, 4, 3, 1)];7.12: Guess the Output and Explain Why?
[From video lecture 7.13]
let arr = [1, 2, 3, 4];
let result = arr.splice(1, 2).pop();
console.log(result);7.13: You have given an array of numbers nums You have to check if all elements of the array > 15 using built-in array method. return true or false
[From video lecture 7.9]
let nums = [16, 17, 18, 28, 22];Question 1: Guess the Output And explain Why?
let strArray = [1, 2, 3, 4, 5];
let result = strArray.reverse();
console.log(result == strArray);Question 2: You have given two arrays below as an example. Your task is to combine them into one By using array method
input;
let arr1 = [1, 2, 3, 4, 5];
let arr2 = [6, 7, 8, 9, 10];
ouput[(6, 7, 8, 9, 10, 1, 2, 3, 4, 5)];Question 3: You have given an array of letters below. Convert that array into string of letters Without Space
input;
let arr = ['a', 'b', 'h', 'i', 's', 'h', 'e', 'k'];
output;
('abhishek');Question 4: Guess the Output and explain why?
let arr = [11, 62, 1, 27, 8, 5];
let sorted = arr.sort();
console.log(sorted);Question 5: Create a function 'calcAverageHumanAge', which accepts an arrays of dog's ages ('ages'), and does the following thing in order:
- Calculate the dog
agein human years using the following formula: if thedogAge <= 2 yearsold,humanAge = 2 \* dogAge. If thedog is > 2 yearsold,humanAge = 16 + dogAge
Test data
let arr = [12,2,5,12,8,13,9];Question 6: Guess the Output and Explain Why?
let arr = [1, 2, 3, 4, 5, 6, 7, 8];
let elem = arr.at(-1);
console.log(elem);Question 7: Guess the Output and Explain why?
let arr = [1, 2, 3, 4, 5, 6, 7, 8];
let result = arr.slice(2, 5).splice(0, 2, 21).pop();
console.log(result, arr);8.1: How can we get current time in millisecond of current time?
8.2: Guess the Output and Explain Why?
[From video lecture 8.2]
let currentDate = new Date();
let result1 = currentDate.getDay();
let result2 = currentDate.getDate();
console.log(result1, result2);9.1: Create two variables myHobby , age . Now set their value in local storage (according to your hobby and age).
After setting also get value from local storage and display their values in console.
[From video lecture 9.2]
10.1: Your tasks:
-
Use a constructor function to implement a
Bike. A bike has amakeand aspeedproperty. Thespeedproperty is the current speed of the bike in km/h -
Implement an
acceleratemethod that will increase the bike's speed by 50, and log the new speed to the console -
Implement a
brakemethod that will decrease the bike's speed by 25, and log the new speed to the console -
Create 2 'Bike' objects and experiment with calling
accelerateandbrakemultiple times on each of them
Sample Data
Data car 1: bike1 going at 120 km/h
Data car 2: bike going at 95 km/h
10.2: Re-create Question 1 But this time using ES6
class.
[From video lecture 10.4]
10.3: Guess the Output And Explain Why?
[From video lecture 10.2]
function Person(name) {
this.name = name;
}
let me = new Person('John');
console.log(me.__proto__ == Person.prototype);
console.log(me.__proto__.__proto__ == Object.prototype);10.4: Create constructor function inside Car class with three properties color , model , company
class Car {}10.5: Identify all mistakes in the following class
class Car = {
constructor(){
},
engineMethod = function(){
console.log("This is engine method of Car class");
}
}10.6: Guess the Output and explain Why? And if there is any error How we can remove that error?
[From video lecture 10.6]
function Person(name, age) {
this.name = name;
this.age = age;
this.brainMethod = function () {
console.log('This is brain method of Person');
};
}
Person.heartMethod = function () {
console.log('This is heart method of Person');
};
let me = new Person('john', 34);
me.brainMethod();
me.heartMethod();10.7: Create a new class Dog (which will be child class) inherited from Animal class. In Addition in Dog class add some additional properties like breedType
[From video lecture 10.7]
Question 8: Guess the Output And Explain Why?
class Car {
constructor() {}
}
let car = new Car();
console.log(Car.prototype.isPrototypeOf(Car));
console.log(Car.prototype.isPrototypeOf(car));Question 1: Guess the Output and Explain Why?
function carObject(name, model) {
let car = Object.create(constructorObject);
car.name = name;
car.model = model;
this.engineMethod = function () {
console.log('This is engine method of car');
};
return car;
}
let constructorObject = {
speak: function () {
return 'This is my car';
},
};
let myCar = carObject('Audi', 2023);
console.log(myCar.__proto__);Question 2: You have given an example of OOP Code. Your task is to explain the use of super keyword in Dog class.
And you have to change the code again after removing super keyword from the Dog class (You have remove those lines/statements which are not necessary after removing super keyword)
class Animals {
constructor(name, age) {
this.name = name;
this.age = age;
}
sing() {
return `${this.name} can sing`;
}
dance() {
return `${this.name} can dance`;
}
}
class Dogs extends Animals {
constructor(name, age, whiskerColor) {
super(name, age);
this.whiskerColor = whiskerColor;
}
whiskers() {
return `I have ${this.whiskerColor} whiskers`;
}
}
let newDog = new Dogs('Clara', 33, 'indigo');
console.log(newDog);Question 3: What are the advantages of using getter and setter method in OOP?
Question 4: You have OOP code below. And there is single error in this code? Your task is to remove that error.
Important Note: To solve this error You need to know about method chaining concept.
class Car {
constructor(id) {
this.id = id;
}
setMake(make) {
this.make = make;
}
setModel(model) {
this.model = model;
}
setFuelType(fuelType) {
this.fuelType = fuelType;
}
getCarInfo() {
return {
id: this.id,
make: this.make,
model: this.model,
fuelType: this.fuelType,
};
}
}
console.log(
new Car(233)
.setMake('Honda')
.setModel('Civic')
.setFuelType('Petrol')
.getCarInfo()
);Question 5: What is difference between ** proto** and prototype property of Object? Try with Example?
Question 6: create class of Person with properties name, age.
Your main task is to add static method in that class of your choice ( e.g brainMethod)
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}
let me = new Person('abhishek', 25);
console.log(me);11.1: Guess the Output And Explain Why?
[From video lecture 11.7]
Html Code
<!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-CoderDost</title>
<style>
</head>
<body>
<div id="content">
<h2 id = "heading" ></h2>
</div>
<script defer src = "./script.js"></script>
</script>
</body>
</html>JS Code
async function greeting() {
let myPromise = new Promise(function (resolve) {
setTimeout(function () {
resolve('I love Programming !!');
}, 2000);
});
document.getElementById('heading').innerHTML = await myPromise;
}
greeting();11.2: Find the Logical Error in below code. And How can we solve them with callback function approach?
[From video lecture 11.4]
const movies = [{ title: `Movie 1` }, { title: `Movie 2` }];
function getMovies() {
setTimeout(() => {
movies.forEach((movie, index) => {
console.log(movie.title);
});
}, 1000);
}
function createMovies(movie) {
setTimeout(() => {
movies.push(movie);
}, 2000);
}
getMovies();
createMovies({ title: `Movie 3` });11.3: What are the three possible State of any promise?
11.4: Solve Question 2 again But this time with the help of promise
11.5: Now re-factor Question 2 with the help of async-await keyword?
11.6: Status code starting with 404 represent which type of message/error?
[From video lecture 11.3]
12.1: Guess the Output and Explain Why?
[From video lecture 12.1]
let arr = [3, 4, 5, 7, 98, 0];
let [a, b, , c] = arr;
console.log(a, b, c);12.2: Guess the Output And Explain Why?
[From video lecture 12.1]
let arr = [1, 3, [2, 55], [9, 8, 7]];
let [a, , [b, c], d] = arr;
console.log(a, b, c, d);12.3: Guess the Output and explain Why?
[From video lecture 12.2]
let obj = {
name: 'John',
age: 25,
weight: 70,
};
let { name: objName, age } = obj;
console.log(name, age);12.4: You have given an array of nums.Create shallow copy of that array and store them in another variable
[From video lecture 12.3]
let nums = [5,7,4,9,2,8];
let newNums = "store Shallow copy of nums inside newNums variable")12.5: You have given an array as below . Create a function which accept multiple elements as an argument and return last 4 element of the array
[From video lecture 12.4]
Example:
let nums = [1,2,3,4,5,6,7,8];
input data: 1,2,3,4,5,6,7,8
output data: 5,6,7,812.6: Guess the Output And Explain Why?
[From video lecture 12.6]
let nums = 0;
let result = nums ?? 50;
console.log(result);12.7: You have given an object as below. You have to check wheather physics is the subject of that student or not, if true find the score of physics subject using optional chaining
let student = {
Math: {
score: 75,
},
physics: {
score: 85,
},
};12.8: Guess the Output And Explain Why?
[From video lecture 12.7]
let nums = [2, 3, 4, 5, 6];
for (let key of nums) {
console.log(key);
}Question 1: Guess the Output and Explain Why?
let arr = [1, 2, 3, 4, 5];
let arr1 = [...arr];
arr1[2] = 10;
console.log(arr, arr1);Question 2: You have given a list of variable names written in underscore. You have to write a program to convert them into camel casing format
List of variable names
Input
user_name
last_name
date_of_birth
user_password
Output
userName
lastName
dateOfBirth
userPasswordQuestion 3: Guess the Output and Explain why?
function fun(a, b, ...c) {
console.log(`${a} ${b}`);
console.log(c);
console.log(c[0]);
console.log(c.length);
console.log(c.indexOf('google'));
}
fun('apple', 'sumsung', 'amazon', 'google', 'facebook');Question 4: Guess the Output and Explain Why?
const fruits = { apple: 8, orange: 7, pear: 5 };
const entries = Object.entries(fruits);
for (const [fruit, count] of entries) {
console.log(`There are ${count} ${fruit}s`);
}Question 5: Write a program in which you have to set Default value in case of false input value using Logical Assignment Operator?
Question 6: Guess the Output and Explain Why?
let arr = new Set([1, 2, 3, 1, 2, 1, 3, 4, 6, 7, 5]);
let length = arr.size;
console.log(arr, length);Question 7: You have given Set below. Your task is to convert that Set into an array?
input;
let set = new Set[(1, 2, 3, 2, 1, 3, 4, 12, 2)]();
output;
let arr = 'Do something here to convert....';Question 8: Guess the Output and Explain Why?
Note : Change values of variable to examine the result.
let number = 40;
let age = 18;
let result = number > 50 ? (age > 19 ? 'pass' : 'ageIssue') : 'numberIssue';
console.log(result);13.1: You have given scenario. You are in script.js And in same directory there is another file products.js. In products.js there are two methods called createProduct and deleteProduct
- write an import and export statement properly in order to import these two methods from products.js file into the script.js
Question 2 Now export only one method createProduct using default export statement?
Question 3: In import statement how can we customize/change the name of function we are importing?
Example : function is defined as Addition. We want to import as 'Add'
How can can we do this?
