to make website responsive, interactive and by adding several functionalities to

the website

// // console.log("HEllo");
// console.log("Hello WOrld");

// // arrays;
// const arr = ["adsf", "asf", 2, true];
// console.log(arr);

// let a = 4;
// a = [3, 4, 5, 6];
// console.log(a);

// // functions
// function greetings() {
// console.log("Hello World");
// }
// greetings();

// // by arguments and parameters

// function call(a, b) {
// console.log("Hello " + a + " " + b);
// }
// call("Vishal", "Patil");

// // // return
// function add(a, b) {
// const c = a + b;
// return c;
// }
// const x = add(2, 3);
// console.log(x);

// // other way to define function

// const adding = (a, b) => {
// console.log("Adding....");
// return a + b;
// };

// console.log(adding(4, 5));

//objects - collection of properties, funtions - methods

// const person = {
// //key : value pairs,
// firstName: "Vishal",
// lastName: "Patil",
// age: 21,
// education: false,
// siblings: ["a", "b", "c"],
// greet: () => {
// console.log("HELLO");
// },
// walking: (x) => {
// console.log("Walking in " + x + " direction");
// return 10;
// },
// };
// console.log(person.firstName);
// console.log(person.age);
// console.log(person.siblings[1]);
// person.greet();
// console.log(person.walking("east"));
// person.firstName = "NoOne";
// console.log(person.firstName);
// console.log(person);

// // conditional operators
// let a = "2";
// let b = 2;
// console.log(a == b); // compares value
// console.log(a === b); // compares value and the datatype

// b = "2";
// console.log(a === b);

// //logical operator
// let person = {
// name: "Vishal",
// age: 21
// };

// if (person.name == "NOName" || person.age <= 21) {

// console.log("Allowed to enter");
// }

// //switch

// const dice = 3;
// switch (dice) {
// case 1:
// console.log("ONE");
// break;
// case 2:
// console.log("TWO");
// break;
// default:
// console.log("NOT ALLOWED");
// }

// //loops

// while, for , do-while

// let amount = 4;
// while (amount > 0) {
// console.log("Printed from while loop");
// console.log("idk");
// amount--;
// }

// let am = 4;
// do {
// console.log("printed from do-while");
// console.log("idk");
// am--;
// } while (am > 0);
// for (let i = 0; i <= 4; i++) {
// console.log("Printed from for loop");
// console.log("idk");
// }

//////////////////lecture 8/////////////////////////////////////
// //string properties
// //String methods -- returns the string
// //creates object of string and jS wraps
// // creates new memory instead of changing original string

let text = "Vishal Patil";

// console.log(text.length);

// const x = text.toUpperCase();
// console.log(x);
// const y = text.toLowerCase();
// console.log(y);

// text = " Vishal ";

// const z = text.trim();
// //trims down first and last word spaces
// console.log(z);

//can apply two functions on same time

// const a = text.trim().toLowerCase();
// console.log(a);

// const b = text.indexOf("i");
// console.log(b);

//.includes()-- check if the mentioned substring includes in the string

// console.log(text.includes("Pat"));

// //* slice()--to get substring from a string

// // .slice(l,r)=> from index l to r-1;
// console.log(text.slice(2, 6));
// console.log(text.slice(2));

// // can take indexes bakcwards

// console.log(text.slice(-1));
// console.log(text.slice(-2));

// //template literals
// // strings can be initialised in double quote and single quote
// //yet there is another powerful way (back ticks ` `)

// const firstName = `Vishal`;

// const secondName = `Patil`;
// console.log("Hello I'm " + firstName + " " + secondName);
// //instead in back ticks we dont have to give +
// console.log(`Hello I'm ${firstName} ${secondName}`);

///// array properties

// //Array methods
// const arr = [1, 2, 3];

// // //length
// // console.log(arr.length);

// // //.concat(arr2);
// const arr2 = [5, 6, 7, 8, 9];
// const x = arr.concat(arr2);
// console.log(x);

// // //reverse();
// // console.log(arr.reverse());

// // //.push() pop();
// // arr.push(4);
// // arr.push(4);
// // arr.push(4);
// // console.log(arr);

// // arr.pop();
// // arr.pop();
// // arr.pop();
// // console.log(arr);

// const firstNames = ["Vishal", "Arun", "First"];

// const secondNames = ["Patil", "Sharma", "Name"];

// const names = [];

// for (let i = 0; i < firstNames.length; i++) {
// names.push(`${firstNames[i]} ${secondNames[i]} `);
// }
// console.log(names);

// //calling by funtion
// const printarr = (a) => {
// for (let i = 0; i < a.length; i++) {
// console.log(a[i]);
// }
// };
// printarr(arr);

// //references vs values
// // primitive datatypes--> pass by value
// const number = 1;
// let number2 = number;
// number2 = 4;

// console.log(number, number2);

// // hence when we change number2 there is no change in

// // number because its pass by value just values copied

// // objects-->pass by references
// const obj1 = {
// a: 3,
// b: 6
// };

// const obj2 = obj1;

// obj2.a = 4;
// console.log(obj1);
// console.log(obj2);

// // you will see that changes are made in both

// // since its pass by reference

// //Null vs Undefined
// //Undefined-->when JS cant value a variable
// //NULL--> developers assign this value
// let number = 20 + null;
// console.log(number);
// let number2 = 20 + undefined;
// console.log(number2);

// truthy and falsy

// truthy = true, falsy= false

// everything in JS is considered as truthy

// except
// falsy= "", '', ``, 0, -0, NaN, false, null, undefined

// operators
// unary operators = ! , single opearand
// binary operator = +,-,/ , two operators(a+b),a and b are operands
// ternary operator = ex:
// (condition) ? (return if true) : (return false)

// Global scope vs Local scope

// fun{
// //code block
// }

//Global scope
// variable declared can be accessed in any code
//block and outsite code block too

//Local scope
// variable dec in code block can br accessed
// within code block

// // variable lookup

// const Globalnum = 1000;

// function add(a, b) {
// const Globalnum = 5;
// const res = a + b + Globalnum;
// function multiply() {
// const num = 100;
// console.log(num * res * Globalnum);
// }
// multiply();
// console.log(res);
// }
// add(3, 4);
// // Globalnum will look for the nearest declared value

// // function ==> variable

// // // function can be written in variable

// // const add = (a, b) => {

// // console.log(a + b);
// // };
// // add(3, 4);

// // function can be passed as an argument to another function

// // called as callback fun
// // function to which it is passed is as argument
// // is called as higher order fun

// function morning(name) {
// return `Good Morning ${name}`;
// }
// function afternoon(name) {
// return `Good Afternoon ${name}`;
// }
// function greet(name, callback) {
// const myName = "Gandu";
// console.log(`${callback(name)}, My name is ${myName}`);
// }
// greet("Vishal", morning); //calling fun in fun
// greet("Vishal", afternoon); // passing as reference not as afternoon()

// Powerful Array Methods

// forEach, map, filter, find
// by using the above all we can iterate over the array

// let numbers = [1, 3, 2, 4, 5];

// //simple for loop

// for (let i = 0; i < numbers.length; i++) {
// console.log(numbers[i]);
// }

// remember syntax
// //forEach
// numbers.forEach((number) => {
// console.log(number);
// });

// let persons = [
// { name: "Vishal", department: "MME", age: "21", id: 1 },
// { name: "Naman", department: "MME", age: "25", id: 2 },
// { name: "OND", department: "MME", age: "24", id: 3 }
// ];

// // //size of the new Arr= size of the original arr

// const newArr = persons.map((person) => {
// console.log(person.name);
// return person.age; // map can store values hence we can return some value to
each index
// // if we dont return value then the newArr will not have any valid index in
array
// });
// console.log(newArr);

// //filter function =>also returns a new array

// // the size is not mecessarily same

// const newArr = persons.filter((person) => {

// if (person.age <= 24) return true;
// return false;
// });

// console.log(newArr);

// //find
// // it returns the first element which match the condition

// const condi = persons.find((person) => {

// if (person.id === 2) {
// return true;
// }
// return false;
// });
// console.log(condi);

// // Math

// const number = 4.565;

// console.log(Math.floor(number));
// console.log(Math.ceil(number));
// console.log(Math.sqrt(number));

// const pi = Math.PI;
// console.log(pi);

// console.log(Math.min(34, 34, 45, 4, 5, 3, 52, 42, 64));

// console.log(Math.max(34, 34, 45, 4, 5, 3, 52, 42, 64));

// const randomN = Math.random();

// console.log(randomN);

// //Date
// const today = new Date();
// console.log(today);
// console.log(today.getSeconds());
// console.log(today.getDay());
// console.log(today.getMonth());