0% found this document useful (0 votes)
2 views49 pages

JavaScript Full Course 2023

The document outlines a comprehensive JavaScript full course for 2023, including video links, course notes, and various assignments across multiple chapters. Each chapter focuses on different JavaScript concepts such as data types, control flow, functions, objects, DOM manipulation, and array methods, with specific tasks for learners to complete. The assignments encourage practical coding skills, including guessing outputs and explaining code behavior.

Uploaded by

hashirali12189
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views49 pages

JavaScript Full Course 2023

The document outlines a comprehensive JavaScript full course for 2023, including video links, course notes, and various assignments across multiple chapters. Each chapter focuses on different JavaScript concepts such as data types, control flow, functions, objects, DOM manipulation, and array methods, with specific tasks for learners to complete. The assignments encourage practical coding skills, including guessing outputs and explaining code behavior.

Uploaded by

hashirali12189
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 49

# JavaScript Full Course 2023

- [JavaScript Video](https://youtu.be/lGmRnu--iU8)

- [Course Notes Slide PDF](slides.pdf)

- [Advanced JavaScript Video](https://www.youtube.com/watch?v=gUUCmRJjVvo)

- [Advanced JavaScript Notes](https://coderdost.github.io/)

### Note: More questions to be updated in 24 Hours.

## Chapter 1 (Data Types)

### Assignments

**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]_

```js

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]_

```js

let variable = 'hello programmers';

let result = Number(variable);

console.log(result);

```

**1.5:** Guess the **Output** and Explain Why?

```js

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?

```js

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]_

```js

let num1 = 2;

let num2 = 5;

let result = num1 ** num2 * 2;

console.log(result);

```

**1.8:** Guess the **Output** and Explain Why?

```js

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?

```js

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]_

## Chapter 2 (Control Flow / Conditional)


### Assignments:

**2.1:** Guess the **Output** And Explain Why?

```js

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?

```js

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?

```js

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]_

## Chapter 3 (Functions)

### Assignments

**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]_

```js

Example;

function addition(num1, num2) {


return num1 + num2;

console.log(addition()); //You are not allowed to modify this line any more

```

**3.4:** Identify which **type** of value passed below into the function **greet()**. What will be the
return value of greet ?

```js

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]_

```js

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]_

```js

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**.

```js

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.

```js

input: capitalize('we are the champions');


output: 'We Are The Champions';

```

## Chapter 4 (Objects)

### Assignments

**4.1:** Guess the **Output** And Explain ?

```js

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`

1. Increase the country population by two million using **dot** notation.

2. Decrease the country population by one million using **bracket** notation.

3. Make `language` value in Uppercase.

_[From video lecture 4.1]_

**4.3:** Guess the **Output** and explain Why?

```js

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

```js

Example

getRandomNumbers(){

}
Ouput value 0-10

```

**4.6:** Guess the **Output** and Explain Why?

_[From video lecture 4.4]_

```js

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]_

```js

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]_

```js
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.

## Chapter 5 (DOM)

### Assignments

**5.1:** Explain difference between **innerText** and **innerHTML** in the following example?

_[From video lecture 5.4]_

**HTML**

```html

<div id="content">

<h2>Hello Coders</h2>
</div>

```

**JavaScript**

```js

let content = document.getElementById('content');

console.log(content.innerHTML);

console.log(content.innerText);

```

## Chapter 6 ( DOM - Forms )

### Assignments

**6.1:** Create regex for password with the following **validations**.

1. Length of password at least of 8 characters

2. contain at least one special character

3. contain at least one alphabet (a-z) character

_[From video lecture 6.2]_

**HTML**
```html

<form action="" class="testForm">

<input

type="password"

name=""

class="inputPass"

placeholder="Enter Password"

/>

<input type="submit" value="Check Password" />

</form>

```

**JavaScript**

```js

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');

});

```

## Chapter 7 (Array Methods)

### Assignments

**7.1:** You have given array of **strings**. Your task is to obtain last **two** elements of given array
using **slice** method?

```js

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]_

```js

const arr = [1, 4, 7, 6, 8];


```

1. You have to delete **2** elements starting from index **2**.

2. You have to add **3** new elements on index **1** choice.

3. Display the **2 deleted** elements in console (from step 1)

**7.3:** What happens if we use **negative** number inside **slice** method?

```js

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?

```js

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

```js

const arr = [1, 4, 7, 6, 8];


```

_[From video lecture 7.4]_

```js

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%

```js

const arr = [10, 40, 70, 60, 80];

```

_[From video lecture 7.5]_

```js

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?

```js

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?

```js

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?

```js

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?

```js

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.

```js

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]_

```js

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]_

```js
let nums = [16, 17, 18, 28, 22];

```

### More Practice Questions (Arrays)

**Question 1:** Guess the **Output** And explain Why?

```js

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

```js

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**

```js

input;

let arr = ['a', 'b', 'h', 'i', 's', 'h', 'e', 'k'];

output;

('abhishek');

```

**Question 4:** Guess the **Output** and explain why?

```js

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:

1. Calculate the dog `age` in human years using the following formula: if the `dogAge <= 2 years` old,
`humanAge = 2 \* dogAg`e. If the `dog is > 2 years` old, `humanAge = 16 + dogAge`

```js
Test data

let arr = [12,2,5,12,8,13,9];

```

**Question 6:** Guess the **Output** and Explain Why?

```js

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?

```js

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);

```

## Chapter 8 (Date)
### Assignments

**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]_

```js

let currentDate = new Date();

let result1 = currentDate.getDay();

let result2 = currentDate.getDate();

console.log(result1, result2);

```

## Chapter 9 (LocalStorage)

### Assignments

**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]_


## Chapter 10 (OOP)

### Assignments

**10.1:** Your tasks:

1. Use a **constructor** function to implement a `Bike`. A bike has a `make` and a `speed` property. The
`speed` property is the current speed of the bike in km/h

2. Implement an `accelerate` method that will increase the bike's speed by **50**, and log the new
speed to the console

3. Implement a `brake` method that will decrease the bike's speed by **25**, and log the new speed to
the console

4. Create **2** 'Bike' objects and experiment with calling `accelerate` and `brake` multiple 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]_

```js

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**

```js

class Car {}

```

**10.5:** **Identify** all **mistakes** in the following class

```js

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]_

```js

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?

```js

class Car {

constructor() {}

let car = new Car();

console.log(Car.prototype.isPrototypeOf(Car));
console.log(Car.prototype.isPrototypeOf(car));

```

### More Practice Questions (OOP)

**Question 1:** Guess the **Output** and Explain Why?

```js

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**)

```js

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.

```js

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)

```js

class Person {

constructor(name, age) {

this.name = name;

this.age = age;

let me = new Person('abhishek', 25);

console.log(me);

```
## Chapter 11( Async Js )

### Assignments

**11.1:** Guess the **Output** And Explain Why?

_[From video lecture 11.7]_

**Html Code**

```html

<!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**

```js

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]_

```js

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]_

## Chapter 12 (ES6)

### Assignments

**12.1:** Guess the **Output** and Explain Why?

_[From video lecture 12.1]_

```js

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]_

```js

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]_

```js

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]_

```js

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]_

```js

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,8

```

**12.6:** Guess the **Output** And Explain Why?

_[From video lecture 12.6]_

```js

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**

```js

let student = {

Math: {

score: 75,

},

physics: {

score: 85,
},

};

```

**12.8:** Guess the **Output** And Explain Why?

_[From video lecture 12.7]_

```js

let nums = [2, 3, 4, 5, 6];

for (let key of nums) {

console.log(key);

```

### More Practice Questions

**Question 1:** Guess the **Output** and Explain Why?

```js

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

```js

List of variable names

Input

user_name

last_name

date_of_birth

user_password

Output

userName

lastName

dateOfBirth

userPassword
```

**Question 3:** Guess the **Output** and Explain why?

```js

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?

```js

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?

```js

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**?

```js

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.

```js

let number = 40;

let age = 18;

let result = number > 50 ? (age > 19 ? 'pass' : 'ageIssue') : 'numberIssue';

console.log(result);

```

## Chapter 13 (Modern Tooling)

### Assignments

**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?

You might also like