Full Stack Development Morning Jan 10 2022

Scratchpad #1

let num = 10;

let x = 5;

15;

let result = 20;

undefined;

Scratchpad #2

// let highScoreOfPlayerOne = 10;
// let player1Score = 10;
// let GST_RATE = 18;

// let $highScore = 10;
// let _highScore = 10;
// let high_score = 10;

// let if = 10

// let num1 = 1;
// let num2 = '1';

// let result = num1 + num2;

// console.log(result);

let greeting = 'Hello World, Welcome to RST Forum.';

console.log(greeting.toUpperCase());
console.log(greeting.toLowerCase());

// Ctrl + `
// ls

Scratchpad #3

// let firstName = 'John';
// let lastName = 'Doe';
// let age = 20;

// // let message =
// //   "User's full name is " +
// //   firstName +
// //   ' ' +
// //   lastName +
// //   ' age his age is ' +
// //   age +
// //   '.';

// let message = `User's full name is ${firstName.toUpperCase()} ${lastName} and his age is ${
//   age * 100
// }`;

// console.log(message);

// let age = 21;

// if (age > 18) {
//   console.log('You can enter');
// }

// let num = 29;

// if (num % 2 === 0) {
//   console.log('Number is even');
// } else {
//   console.log('Number is odd');
// }

// let age = 'doh';

// if (age >= 65) {
//   console.log('Drinks are free');
// } else if (age >= 21) {
//   console.log('You can enter and drink');
// } else if (age >= 18) {
//   console.log("You can enter and but can't drink");
// } else {
//   console.log('You are not allowed');
// }

// if (typeof age === 'number') {
//   if (age >= 65) {
//     console.log('Drinks are free');
//   } else if (age >= 21) {
//     console.log('You can enter and drink');
//   } else if (age >= 18) {
//     console.log("You can enter and but can't drink");
//   } else {
//     console.log('You are not allowed');
//   }
// } else {
//   console.log('Please enter a valid age');
// }

// let password = 'hello world@123';

// if (password.length > 8) {
//   if (password.indexOf(' ') !== -1) {
//     console.log('Invalid password. Spaces are not allowed.');
//   } else {
//     console.log('Valid password');
//   }
// } else {
//   console.log('Password is too short. Min 8 chars required.');
// }

// let loggedInUser = 'user';

// if (loggedInUser) {
//   console.log('Welcome');
// } else {
//   console.log('Please log in');
// }

// let age = 23;

// if (age >= 18 && age < 21) {
//   console.log("You can enter and but can't drink");
// } else if (age >= 21 && age < 65) {
//   console.log('You can enter and drink');
// } else if (age > 65) {
//   console.log('Drinks are free');
// } else {
//   console.log('You are not allowed');
// }

// let day = 40;

// if (day === 1) {
//   console.log('Mon');
// } else if (day === 2) {
//   console.log('Tue');
// } else if (day === 3) {
//   console.log('Wed');
// } else if (day === 4) {
//   console.log('Thu');
// } else if (day === 5) {
//   console.log('Fri');
// } else if (day === 6) {
//   console.log('Sat');
// } else if (day === 7) {
//   console.log('Sun');
// } else {
//   console.log('Invalid day number');
// }

// let day = 5;

// switch (day) {
//   case 1:
//     console.log('Mon');
//     break;
//   case 2:
//     console.log('Tue');
//     break;
//   case 3:
//     console.log('Wed');
//     break;
//   case 4:
//     console.log('Thu');
//     break;
//   case 5:
//     console.log('Fri');
//     break;
//   case 6:
//     console.log('Sat');
//     break;
//   case 7:
//     console.log('Sun');
//     break;
//   default:
//     console.log('Invalid day number');
// }

let role = 'admin';

// if (role === 'admin') {
//   console.log('Access granted');
// } else {
//   console.log('Access denied');
// }

// role === 'admin' ? console.log('Access granted') : console.log('Access denied');

// let isAllowed;
// if (role === 'admin') {
//   isAllowed = true;
// } else {
//   isAllowed = false;
// }

let isAllowed = role === 'admin' ? true : role === 'mod' ? 'maybe' : false;

console.log(isAllowed);

let age = 10;

age >= 18 && age < 21
  ? console.log('You can enter but not drink')
  : age >= 21 && age < 65
  ? console.log('You can drink')
  : age > 65
  ? console.log('Drinks are free')
  : console.log("Can't Enter");

Scratchpad #4

// let age = 19;

// age >= 18 ? console.log("You can enter") : age >= 21 ? console.log("") : console.log("")

// if (age >= 18) {
//   console.log("")
// } else if ()

// recycleBin.push('john')

// const nums = [[1,2,3], [4,5,6], [7,8,9]];

const product1 = [1, 'iPhone', 'Apple', 100000, 200, 'Some description...'];
const product2 = [2, 'Nord', 'One Plus', 500000, 1000, 'Some description...'];
const product3 = [65, 'One Plus', 'Nord', 1000, 500000, 'Some description...'];

const products = [product1, product2];

products[-1];

let product5 = {
  price: 100000,
  name: 'iPhone',
  brand: 'Apple',
  inStock: 200,
  description: 'Some description...',
  srNo: 1,
  100: true,
  'hello world': 'good',
};

// product4.price;

// let nums = ['john', 'jane', 'jack'];

// let nums = { 0: 'john', 1: 'jane', 2: 'jack', length: 3 };

// const product3 = [65, 'One Plus', 'Nord', 1000, 500000, 'Some description...'];

// const product4 = {0: 65, 1: 'One Plus', 2: 1000, 3: 50000}

Scratchpad #5

// const shoppingCart = [
//   {
//     product: 'Apple iPhone',
//     price: 100000,
//     quantity: 100,
//   },
//   {
//     product: 'One Plus Nord',
//     price: 60000,
//     quantity: 1000,
//   },
//   {
//     product: 'Alienware M15',
//     price: 299999,
//     quantity: 1,
//   },
// ];

// console.log(shoppingCart[0].price);

// const song = {
//   name: 'song #1',
//   album: 'album #2',
//   artists: [
//     {
//       name: 'person 1',
//       dob: '12/12/2000',
//     },
//     {
//       name: 'person 1',
//       dob: '12/12/2000',
//     },
//   ],
// };

// for (let i = 0; i <= 10; i++) {
//   console.log(`${i} - hello world`);
// }

// for (let i = 10; i > 0; i--) {
//   console.log(`${i} - hello world`);
// }

// for (let i = 10; i > 0; i++) {
//   console.log(i ** 2);
// }

// const nums = [12, 34, 56, 34, 78, 54, 23, 12];

// for (let i = 0; i < nums.length; i++) {
//   console.log(`The number at index ${i} is ${nums[i]}`);
// }

// const movies = [
//   { movieName: 'Inception', rating: 3.8 },
//   { movieName: 'Avengers', rating: 3.4 },
//   { movieName: 'Iron Man', rating: 2.9 },
// ];

// for (let i = 0; i < movies.length; i++) {
//   const movie = movies[i];
//   console.log(`The movie ${movie.movieName} has a rating of ${movie.rating}`);
// }

// const word = 'Hello World';
// let reversedWord = '';

// for (let i = word.length - 1; i >= 0; i--) {
//   // console.log(word[i]);
//   reversedWord += word[i];
// }

// console.log(reversedWord);

// for (let i = 0; i < 5; i++) {
//   console.log(`${i} - outer loop`);

//   for (let j = 0; j < 5; j++) {
//     console.log(`     ${j} - inner loop`);
//   }
// }

// const a = [4, 64, 8, 4];

// let total = 0;

// for (let i = 0; i < a.length; i++) {
//   total += a[i];
// }

// console.log(total);

// const gameBoard = [
//   [4, 64, 8, 4],
//   [128, 32, 4, 16],
//   [16, 4, 4, 32],
//   [2, 16, 16, 2],
// ];

// let total = 0;

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

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

// console.log(total);

// const gameBoard = [
//   [
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//   ],
//   [
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//   ],
//   [
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//   ],
//   [
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//     [4, 64, 8, 4],
//   ],
// ];

// for (let i = 0; i < 10; i++) {
//   console.log(i);
// }

// let j = 0;

// while (j < 10) {
//   console.log(j);
//   j++;
// }

// const randomNum = Math.floor(Math.random() * 100) + 1;
// let guess = Math.floor(Math.random() * 100) + 1;

// while (guess !== randomNum) {
//   console.log(`Random Number: ${randomNum} | Guess: ${guess}`);
//   guess = Math.floor(Math.random() * 100) + 1;
// }

// console.log(`GAME OVER\nRandom Number: ${randomNum} | Guess: ${guess}`);

// let i = 0;

// while (i < 20) {
//   console.log(i);
//   if (i === 15) {
//     break;
//   }
//   i++;
// }

// const randomNum = Math.floor(Math.random() * 100) + 1;
// let guess = Math.floor(Math.random() * 100) + 1;

// while (true) {
//   console.log(`Random Number: ${randomNum} | Guess: ${guess}`);

//   if (guess === randomNum) {
//     break;
//   }

//   guess = Math.floor(Math.random() * 100) + 1;
// }

// console.log(`GAME OVER\nRandom Number: ${randomNum} | Guess: ${guess}`);

// const nums = [12, 34, 56, 34, 78, 54, 23, 12];

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

// for (let num of nums) {
//   console.log(num);
// }

// for (let char of 'Hello') {
//   console.log(char.toUpperCase());
// }

// const matrix = [
//   [1, 4, 7],
//   [9, 7, 2],
//   [9, 4, 6],
// ];

// for (let row of matrix) {
//   for (let col of row) {
//     console.log(col);
//   }
// }

// const cats = ['fashion', 'mobiles', 'books'];
// const prods = ['tshirt', 'samsung', '1984'];

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

// const productPrices = {
//   Apple: 80000,
//   OnePlus: 50000,
//   Samsung: 90000,
// };

// for (let key of Object.keys(productPrices)) {
//   console.log(`The cost of ${key} is ${productPrices[key]}`);
// }

// for (let val of Object.values(productPrices)) {
//   console.log(val);
// }

// for (let key in productPrices) {
//   console.log(productPrices[key]);
// }

const movieRating = {
  pursuitOfHappiness: 4.8,
  satya: 4.8,
  gangsOfWasepur: 4,
  robot: -3,
};

for (let movie of Object.keys(movieRating)) {
  console.log(movieRating[movie]);
}

for (let movie in movieRating) {
  console.log(movieRating[movie]);
}

Scratchpad #6

// function greet() {
//   console.log('Hello World');
//   console.log('Hello World');
//   console.log('Hello World');
// }

// // greet();
// // greet();

// // for (let i = 0; i < 50; i++) {
// //   greet();
// // }

// greet();

// function rollDie() {
//   let roll = Math.floor(Math.random() * 6) + 1;
//   console.log(`Rolled: ${roll}`);
// }

// function rollDice() {
//   rollDie();
//   rollDie();
//   rollDie();
// }

// // rollDie();

// rollDice();

// function greet(name) {
//   console.log(`Hello, ${name}`);
// }

// greet('John');
// greet('Jane');

// function rollDice(times) {
//   for (let i = 0; i < times; i++) {
//     rollDie();
//   }
// }

// rollDice(5);

// let score = 0;

// function greet(name, message) {
//   console.log(`${message}, ${name}`);
//   score += 100;
// }

// greet('John', 'Hello');
// greet('John', 'Hello');

// console.log(score);

// function add(a, b) {
//   return a + b;
// }

// // add(10, 5);

// let result = add(10, 10);

// console.log(result);

// function isNumber(val) {
//   if (typeof val === 'number') {
//     return true;
//   } else {
//     return false;
//   }
// }

// console.log(isNumber('5'));

// let score = 20;

// function increaseScore(val) {
//   score += val;
//   return score;
// }

// console.log(increaseScore(10));
// console.log(increaseScore(5));

// function incrementScore(currScore, val) {
//   return currScore + val;
// }

// score = incrementScore(score, 10);

// console.log(score);

// let fullName = 'Jane Doe';

// function greet() {
//   let fullName = 'Jack Smith';
//   console.log(fullName);
// }

// console.log(fullName);

// // greet();

// if (true) {
//   var firstName = 'John';
//   var lastName = 'Doe';
//   var fullName = firstName + ' ' + lastName;
// }

// console.log(fullName);

// for (var i = 0; i < 10; i++) {
//   console.log(i);
// }

// // console.log(i);

// let name = 'John';
// let name = 'Doe';

// console.log(name);

// function outer() {
//   // let movie = 'Dr. Strange';

//   function inner() {
//     let movie = 'Thor';
//     let rating = `${movie} has a rating of 4.2`;
//     console.log(rating);
//   }

//   console.log(movie);

//   inner();
// }

// outer();

// function add(a, b) {
//   return a + b;
// // }

// const add = function (a, b) {
//   return a + b;
// };

// // let score = 100;

// console.log(add(10, 5));

// function math(a, b, fn) {
//   return fn(a, b);
// }

// function add(a, b) {
//   return a + b;
// }

// console.log(math(10, 5, add));

// console.log(
//   math(10, 20, function (a, b) {
//     return a * b;
//   })
// );

// const myfuncs = [
//   function (a, b) {
//     return a + b;
//   },
//   function (a, b) {
//     return a - b;
//   },
//   function (a, b) {
//     return a * b;
//   },
//   function (a, b) {
//     return a / b;
//   },
// ];

// console.log(myfuncs[0](10, 5));
// console.log(myfuncs[1](10, 5));
// console.log(myfuncs[2](10, 5));
// console.log(myfuncs[3](10, 5));

// const math = {
//   add: function (a, b) {
//     return a + b;
//   },
//   sub: function (a, b) {
//     return a - b;
//   },
//   mul: function (a, b) {
//     return a * b;
//   },
//   div: function (a, b) {
//     return a / b;
//   },
// };

// console.log(math.add(100, 50));

// Math.random();

// const console = {
//   log: function () {},
//   error: function () {},
// };

// function multipleGreets(fn) {
//   fn();
//   fn();
//   fn();
// }

// function sayHello() {
//   console.log('Hello World!');
// }
// function sayGoodbye() {
//   console.log('Bye World!');
// }

// multipleGreets(sayHello);
// multipleGreets(sayGoodbye);

// function repeat(func, num) {
//   for (let i = 0; i < num; i++) {
//     func()
//   }
// }

// function sayHello() {
//   console.log('Hello World!')
// }
// function sayGoodbye() {
//   console.log('Bye World!')
// }

// repeat(sayHello, 10)
// repeat(sayGoodbye, 5)

// function randomPick(f1, f2) {
//   let randNum = Math.random();
//   if (randNum < 0.5) {
//     f1();
//   } else {
//     f2();
//   }
// }

// randomPick(sayHello, sayGoodbye);

function raiseBy(val) {
  return function (x) {
    return x ** val;
  };
}

const square = raiseBy(2);
const cube = raiseBy(3);
const tesseract = raiseBy(4);

console.log(test(2));

Scratchpad #7

// function logHello() {
//   console.log('Hello World');
// }

// setTimeout(logHello, 5000);

// setTimeout(function () {
//   console.log('Hello after 3 seconds');
// }, 3000);

// function greet() {
//   console.log('Hello World');
// }

// greet();

// let fullName = 'John Doe';

// console.log(fullName);

// const nums = [9, 2, 4, 6, 2, 3, 7, 6];

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

// for (let num of nums) {
//   console.log(num);
// }

// nums.forEach(function (num) {
//   if (num % 2 === 0) {
//     console.log(num * num);
//   }
// });

// const names = ['john', 'jack', 'jane', 'james', 'jim'];

// names.forEach(function (name, i) {
//   console.log(`${i + 1} - ${name}`);
// });

// const movies = [
//   {
//     title: 'Avengers',
//     rating: 4.1,
//   },
//   {
//     title: 'Dr. Strange',
//     rating: 3.9,
//   },
//   {
//     title: 'Tenet',
//     rating: 4.3,
//   },
//   {
//     title: 'Joker',
//     rating: 4.7,
//   },
// ];

// // using forEach method
// movies.forEach(function (movie) {
//   console.log(movie.title.toUpperCase());
// });

// // Using for..of loop
// for (let movie of movies) {
//   console.log(movie.title.toUpperCase());
// }

// // if we want the index no.
// // second arg is the index value
// movies.forEach(function (movie, idx) {
//   console.log(`Movie ${idx}) ${movie.title} has a rating of ${movie.rating}`);
// });

// const names = ['john', 'jack', 'jane', 'james'];

// const uppercasedNames = names.map(function (name) {
//   return name.toUpperCase();
// });

// console.log(uppercasedNames);

// const names = ['john', 'jack', 'jane', 'james'];
// const uppercasedNames = [];

// for (let name of names) {
//   uppercasedNames.push(name.toUpperCase());
// }

// console.log(uppercasedNames);

// const nums = [2, 3, 4, 7, 6, 8, 13, 10, 19, 12, 14, 22, 21, 16];

// const doubles = nums.map(function (num) {
//   return num * 2; // we have to return a value
// });

// console.log(doubles);

// const numDetails = nums.map(function (num) {
//   return {
//     number: num,
//     isEven: num % 2 === 0,
//   };
// });

// console.log(numDetails);

// const nums = [2, 3, 4, 7, 6, 8, 13, 10, 19, 12, 14, 22, 21, 16];

// const doubles = nums.map(function (num) {
//   return num * 2;
// });

// console.log(doubles);

// const square = function (x) {
//   return x ** 2;
// };

// const square = (x) => {
//   return x ** 2;
// };

// const square = x => {
//   return x ** 2;
// };

// const square = x => (
//   x ** 2
// );

// const square = x => (x ** 2);

// const square = x => x ** 2;

// console.log(square(10));

// const nums = [2, 3, 4, 7, 6, 8, 13, 10, 19, 12, 14, 22, 21, 16];

// // const doubles = nums.map(function (num) {
// //   return num * 2;
// // });

// const doubles = nums.map(num => num * 2);

// console.log(doubles);

// const isEven = function(num) { // regular function expression
//   return num % 2 === 0
// }
// const isEven = (num) => { // arrow function with parens around single param
//   return num % 2 === 0
// }
// const isEven = num => { // no parens around param
//   return num % 2 === 0
// }
// const isEven = num => ( // parens in-place of braces. Implicit return.
//   num % 2 === 0
// )
// const isEven = num => num % 2 === 0 // one-liner implicit return

// const nums = [1, 2, 3, 4, 5, 6];

// // using regular function expressions
// const doubles1 = nums.map(function (n) {
//   return n * 2;
// });

// // using arrow functions
// const doubles2 = nums.map((n) => {
//   return n * 2;
// });

// // using arrow function's one-liner implicit return
// const doubles3 = nums.map((n) => n * 2);
// const parityList = nums.map((n) => (n % 2 === 0 ? 'Even' : 'Odd'));

// let movies = ['The Terminator', 'The Avengers', 'Jurassic Park', 'Titanic'];

// // let result = movies.find((movie) => movie === 'titanic');

// let result = movies.find((movie) => movie.toLowerCase().includes('e'));

// console.log(result);

// const books = [
//   {
//     title: 'The Shining',
//     author: 'Stephen King',
//     rating: 4.1,
//   },
//   {
//     title: 'Sacred Games',
//     author: 'Vikram Chandra',
//     rating: 4.5,
//   },
//   {
//     title: '1984',
//     author: 'George Orwell',
//     rating: 4.9,
//   },
//   {
//     title: 'The Alchemist',
//     author: 'Paulo Coelho',
//     rating: 3.5,
//   },
//   {
//     title: 'The Great Gatsby',
//     author: 'F. Scott Fitzgerald',
//     rating: 3.8,
//   },
// ];

// console.log(books.sort((a, b) => b.rating - a.rating));

// // const result = books.find((book) => book.rating < 4);
// // const result = books.find((book) => book.author.includes('Stephen'));

// const result = books.filter((book) => book.rating < 4);
// console.log(result);

// const goodBook = books.filter((b) => b.rating >= 4.3);

// const georgeBooks = books.filter((b) => b.author.includes('George'));

// const lowRated = books.filter((book) => {
//   return book.rating < 4;
// });

// let query = 'the';

// const filteredBooks = books.filter((book) => {
//   return book.title.toLowerCase().includes(query);
// });

// console.log(goodBook);
// console.log(georgeBooks);
// console.log(lowRated);
// console.log(filteredBooks);

// const names = ['jack', 'james', 'john', 'jane', 'josh', 'brad'];

// // const result = names.every((name) => name[0] === 'j');
// // console.log(result);

// // const result = names.every((name) => name[name.length - 1] !== 'a');
// // console.log(result);

// const result = names.some((name) => name[0] === 'b');

// console.log(result);

// const prices = [500.4, 211, 23, 5, 4, 22.2, -23.2, 9233];

// console.log(prices.sort((a, b) => a - b));
// console.log(prices.sort((a, b) => b - a));

// const nums = [1, 2, 3, 4, 5, 6];

// const res = nums.reduce((acc, currVal) => {
//   return acc + currVal;
// }, 100);

// console.log(res);

// ACC      CURRVAL
// 1        2
// 3        3
// 6        4
// 10       5
// 15       6
// 21

// 21

// let nums = [21, 221, 2, 1, 34, 123, 4342, 56, 4];

// const maxVal = nums.reduce((acc, currentVal) => {
//   if (currentVal > acc) {
//     return currentVal;
//   }
//   return acc;
// });

// console.log(maxVal);

// ACC    CURRVAL
// 21     221
// 221    2
// 221    1
// 221    34
// 221    4342
// 4342

// const maxVal = nums.reduce((max, currVal) => Math.max(max, currVal));
// console.log(maxVal);

// const color = 'red';

// color === 'red'
//   ? console.log('DANGER')
//   : color === 'yellow'
//   ? console.log('WARNING')
//   : color === 'orange'
//   ? console.log('SOMETHING')
//   : console.log('OK');

Scratchpad #8

// const multiply = (a = 1, b = 1) => {
//   return a * b;
// };

// const multiply = (a, b) => {
//   console.log(arguments);
//   return a * b;
// };

// console.log(multiply(10, 2, 5, 50));

// function multiply(a = 1, b = 1) {
//   // if (typeof a === 'undefined') {
//   //   a = 1;
//   // }
//   // if (typeof b === 'undefined') {
//   //   b = 1;
//   // }
//   return a * b;
// }
// console.log(multiply(10));

// const greet = (name = 'John') => {
//   console.log(`Hello my name is ${name}`);
// };

// greet();

// const multiply = (a, b = 1) => {
//   return a * b;
// };

// console.log(multiply(10));

// function printVals(a, b, c) {
//   console.log(a);
//   console.log(b);
//   console.log(c);
// }

// // const names = ['John', 'Jane', 'jack', 'nsdkjandssad'];

// // printVals(...names);

// printVals(...'John');

// const add = (...nums) => {
//   // console.log(nums);

//   // let total = 0;
//   // for (let num of nums) {
//   //   total += num;
//   // }
//   // return total;

//   // let total = 0;
//   // nums.forEach((num) => (total += num));
//   // return total;

//   return nums.reduce((acc, currVal) => acc + currVal);
// };

// console.log(add(10, 5, 50, 12, 34, 23));

// function printNames(name1, name2, ...others) {
//   console.log(name1);
//   console.log(name2);
//   console.log(others);
// }

// printNames('John', 'jane', 'Jack', 'James', 'Jim', 'Joey', 'Jagdish', 'Jeevan');

// const users = ['john', 'jane', 'jack'];

// const admin = users[0];
// const mod = users[1];
// const sub = users[2];

// const [admin, mod, sub] = users;
// const [admin, ...others] = users;

// const [, , sub] = users;

// console.log(admin);
// console.log(mod);
// console.log(sub);

// console.log(others);

// const user = {
//   firstName: 'John',
//   lastName: 'Doe',
//   email: 'john.doe@gmail.com',
//   phone: 99982234567,
// };

// const { email: emailAddress, phone } = user;

// // console.log(firstName);
// // console.log(lastName);
// console.log(emailAddress);
// console.log(phone);

// const profile = (user) => {
//   console.log(`My name is ${user.name} and I am ${user.age} years old.`);
//   console.log(`I work as a ${user.job} at ${user.company}.`);
// };

// const profile = ({ name, age: umer, job, company }) => {
//   console.log(`My name is ${name} and I am ${umer} years old.`);
//   console.log(`I work as a ${job} at ${company}.`);
// };

// profile({
//   name: 'John Doe',
//   age: 25,
//   job: 'Full Stack Dev',
//   company: 'Google',
// });

// const movieReviews = [4.5, 5.0, 3.2, 2.1, 4.7, 3.8, 3.1, 3.9, 4.4];
// const highest = Math.max(...movieReviews);
// const lowest = Math.min(...movieReviews);

// let total = 0;
// movieReviews.forEach((rating) => (total += rating));
// const average = total / movieReviews.length;

// const info1 = { highest, lowest: 0, average };

// console.log(info1);

// const getReviewDetails = (arr) => {
//   const highest = Math.max(...arr)
//   const lowest = Math.min(...arr)
//   const total = arr.reduce((accumulator, nextVal) => accumulator + nextVal)
//   const average = total / arr.length

//   return {
//     highest,
//     lowest,
//     total,
//     average
//   }
// }

// const reviewList = [4.5, 5.0, 3.2, 2.1, 4.7, 3.8, 3.1, 3.9, 4.4]

// const statistics = getReviewDetails(reviewList)

// const username = 'janedoe';
// const role = 'admin';

// const user1 = { [role]: username };

// console.log(user1);

// const addProperty = (obj, k, v) => {
//   return { ...obj, [k.toUpperCase()]: v };
// };

// console.log(addProperty({ name: 'John' }, 'age', 25));

// const math = {
//   multiply: function (x, y) {
//     return x * y;
//   },
//   divide: function (x, y) {
//     return x / y;
//   },
//   subtract: function (x) {
//     return x - x;
//   },
// };

// console.log(math.subtract(10, 5));

// function square(x) {
//   return x * x;
// }

// const math = {
//   multiply: function (x, y) {
//     return x * y;
//   },
//   divide: function (x, y) {
//     return x / y;
//   },
//   subtract: function (x) {
//     return x - x;
//   },
//   square,
// };

// const math = {
//   multiply(x, y) {
//     return x * y;
//   },
//   divide(x, y) {
//     return x / y;
//   },
//   subtract(x) {
//     return x - x;
//   },
//   square,
// };

// console.log(math.square(10));

// console.log(this);

// console.log('Hello World');

// function namaste() {
//   console.log(this);
//   console.log('Hello World');
// }

// namaste();

const profile = {
  name: 'John Doe',
  greet: function () {
    console.log(this.name);
  },
  something: {
    hello: function () {
      console.log(this);
    },
  },
};

console.log(profile.something.hello());

// const namaskar = 'Hello';

// console.log(this.alert());

// console.log(this);

// profile.greet();

// alert('Hello World');

Scratchpad #9

// // const user = {
// //   firstName: 'John',
// //   lastName: 'Doe',
// //   role: 'admin',
// //   fullName() {
// //     console.log(this);
// //   },
// // };

// // const sayFullName = user.fullName;

// // // user.fullName();

// // // console.log(sayFullName);

// // user.fullName();
// // sayFullName();

// // const user = {
// //   firstName: 'John',
// //   lastName: 'Doe',
// //   role: 'admin',
// //   fullName() {
// //     const { firstName, lastName, role } = this;
// //     console.log(`${firstName} ${lastName} is an ${role}`);
// //   },
// // };

// // const user2 = {
// //   firstName: 'Jane',
// //   lastName: 'Smith',
// //   role: 'moderator',
// //   fullName: user.fullName,
// // };

// // user2.fullName();

// const user = {
//   firstName: 'John',
//   lastName: 'Doe',
//   role: 'admin',
//   fullName() {
//     return `${this.firstName} ${this.lastName} is an ${this.role}`;
//   },
//   logDetails() {
//     console.log(`${this.fullName()} and is cool!`);
//   },
// };

// const logDetails = user.logDetails;

// logDetails();

// const hellos = {
//   messages: [
//     'hello world',
//     'hello universe',
//     'hello darkness',
//     'hello hello',
//     'heylo',
//   ],
//   pickMsg() {
//     const index = Math.floor(Math.random() * this.messages.length);
//     return this.messages[index];
//   },
//   start() {
//     console.log(this)
//     setInterval(() => console.log(this.pickMsg()), 1000);
//   },
// };

// console.log(hellos.pickMsg());

// setInterval(function () {
//   console.log('Hello', Math.random());
// }, 2000);

// hellos.start();

// const user = {
//   firstName: 'John',
//   lastName: 'Doe',
//   role: 'admin',
//   fullName: () => {
//     return `${this.firstName} ${this.lastName} is an ${this.role}`;
//   },
// };

// console.log(user.fullName());

// console.dir(document.body);

// const title = document.getElementById('info');

// console.dir(title.innerText);
// // title.innerText = 'Hello World';

// setInterval(function () {
//   title.innerText = Math.random();
// }, 1000);

// const paras = document.getElementsByTagName('p');

// console.dir(paras);

// const blues = document.getElementsByClassName('intro-title');

// console.dir(blues);

// const ul = document.getElementsByClassName('lst')[0];

// const lis = ul.getElementsByTagName('li');
// console.log(lis);

// const ul = document.querySelector('.lst');
// const title = document.querySelector('#info');
// const paras = document.querySelectorAll('p');

// console.dir(ul);
// console.dir(title);

// console.dir(paras);

// const h3 = document.querySelector('h3');
// console.dir(h3.innerText);
// h3.innerText = 'Hello <i>Universe</i>';
// h3.innerHTML = 'Hello <i>Universe</i>';
// h3.innerHTML += ' Hello <em>World</em>.';

// const ul = document.querySelector('ul');
// console.log(ul.innerHTML);
// console.log(ul.textContent);
// ul.innerText = 'Hello World';

// const special = document.querySelector('.special');
// console.log(special.innerHTML);

const input = document.querySelector('input');

input.value = 'Something else';
// console.dir(input.value);

const img = document.querySelector('img');
console.dir(img);
img.width = 200;
// img.height = 200;

console.log(img.src);

img.src =
  'https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png';

const checkbox = document.querySelector('#check');

console.log(checkbox.checked);
checkbox.checked = true;

Scratchpad #10

// const title = document.querySelector('.intro-title');

// title.innerText = 'Hello';
// title.style = 'border: 1px solid red';

// const range = document.querySelector('input[type="range"]');

// // console.dir(range.getAttribute('max'));

// range.min = 100;
// range.setAttribute('min', 100);

// console.log(range.getAttribute('min'));

// range.setAttribute('type', 'radio');

// const li = document.querySelector('.imp-li');
// const ul = li.parentElement;

// console.dir(li.parentElement.parentElement);

// console.dir(ul.children[4]);

// console.dir(
//   ul.previousElementSibling.previousElementSibling.previousElementSibling
// );

// const lis = document.querySelectorAll('li');

// for (let li of lis) {
//   setInterval(function () {
//     li.innerText = Math.random();
//   }, Math.floor(Math.random() * 1000)) - 1;
// }

// const title = document.querySelector('.intro-title');

// console.log(title.style.textDecoration);

// title.style.textDecoration = 'underline';
// title.style.color = 'purple';
// title.style.fontWeight = '300';

// function applyStyles(el, styles) {
//   for (let key in styles) {
//     el.style[key] = styles[key];
//   }
// }

// const myStyle = {
//   fontSize: '40px',
//   textDecoration: 'overline',
//   color: 'green',
// };

// applyStyles(title, myStyle);

// const titleStyles = getComputedStyle(title);

// console.log(titleStyles.color);

// const li = document.querySelector('li');
// li.setAttribute('class', 'todo done');

// li.setAttribute('class', 'done');

// console.dir(li.classList);

// li.classList.toggle('done');

// const h1 = document.createElement('h1');
// h1.innerText = 'This is a new title';
// h1.style.color = 'green';

// const div = document.createElement('div');
// div.style.border = '5px solid black';
// div.style.padding = '50px';
// div.appendChild(h1);

// const root = document.querySelector('#root');
// root.appendChild(div);

// const ul = document.querySelector('ul');

// const task = document.createElement('li');
// task.innerText = 'This is a new task.';

// const firstTask = ul.querySelector('li');

// // ul.appendChild(task);

// ul.insertBefore(task, firstTask);

// const p = document.querySelector('p');

// const b = document.createElement('b');
// b.innerText = 'BOLD TEXT';

// p.insertAdjacentElement('afterend', b);

// const b = document.createElement('b');
// b.innerText = 'HELLO WORLD';
// const i = document.createElement('i');
// i.innerText = 'GOODBYE GALAXY';

// const p = document.querySelector('p');

// p.prepend(b, i);

// const ul = document.querySelector('ul');

// const li1 = document.querySelectorAll('li')[0];
// const li2 = document.querySelectorAll('li')[1];

// // ul.removeChild(li1);
// // ul.removeChild(li2);

// li1.remove();
// ul.remove();

// const root = document.querySelector('#root');

// const btn = document.querySelector('button');

// btn.onclick = function () {
//   const p = document.createElement('p');
//   p.innerText = Math.random();
//   root.appendChild(p);
// };

// btn.addEventListener('click', function () {
//   const p = document.createElement('p');
//   p.innerText = Math.random();
//   root.appendChild(p);
// });

// btn.addEventListener('mouseover', function () {
//   const body = document.querySelector('body');
//   body.style.backgroundColor = 'red';
// });

// const div = document.querySelector('div');

// // console.log(div);

// const body = document.querySelector('body');

// window.addEventListener('scroll', () => {
//   // const p = document.createElement('p');
//   // p.innerText = Math.random();
//   // div.appendChild(p);
//   console.log('Scroll');
// });

// btn.addEventListener('mouseover', function () {
//   btn.innerText = 'Button Hovered!';
// });

// btn.addEventListener('mouseout', function () {
//   btn.innerText = 'Click me';
// });

// const btn = document.querySelector('button');

// btn.addEventListener('mouseover', function () {
//   const height = Math.floor(Math.random() * window.innerHeight);
//   const width = Math.floor(Math.random() * window.innerWidth);
//   btn.style.left = `${width}px`;
//   btn.style.top = `${height}px`;
// });

// btn.addEventListener('click', function () {
//   btn.innerText = 'You Won!';
//   document.body.style.backgroundColor = 'green';
// });

// const colors = [
//   'red',
//   'orange',
//   'yellow',
//   'green',
//   'blue',
//   'purple',
//   'indigo',
//   'violet',
// ];

// const container = document.querySelector('#boxes'); // Select the container
// const span = document.querySelector('span');

// const printColor = function () {
//   span.innerText = this.style.backgroundColor;
//   document.body.style.backgroundColor = this.style.backgroundColor;
// };

// // Loop to add each color as a background color (create as many boxes as length of colors)
// for (let color of colors) {
//   const box = document.createElement('div'); // Create a square box

//   box.style.backgroundColor = color; // Style the box
//   box.classList.add('box'); // Add a class

//   container.append(box); // Append box to container

//   // Add event listener to the box
//   box.addEventListener('click', printColor);
// }

// // Change other elements on the DOM
// const changeColor = function () {
//   const h1 = document.querySelector('h1')
//   h1.style.color = this.style.backgroundColor
//   h1.innerText = this.style.backgroundColor + ' selected'
// }

// for (let color of colors) {
//   const box = document.createElement('div') // Create a square box

//   box.style.backgroundColor = color // Style the box
//   box.classList.add('box') // Add a class

//   container.append(box) // Append box to container

//   // Add event listener to the box
//   box.addEventListener('click', printColor)
//   box.addEventListener('click', changeColor)
// }

// const btn = document.querySelector('button');
// const p = document.querySelector('p');

// btn.addEventListener('click', function (event) {
//   console.log(event.target);
// });

// const input = document.querySelector('input');

// input.addEventListener('keyup', function (event) {
//   console.log(event);
//   p.innerText = event.target.value.toUpperCase();
// });

const input = document.querySelector('input');
const ul = document.querySelector('ul');

input.addEventListener('keypress', function (event) {
  const li = document.createElement('li');
  li.innerText = event.target.value;

  li.addEventListener('click', function () {
    // li.remove();
    li.style.textDecoration = 'line-through';
  });

  if (event.key === 'Enter') {
    ul.append(li);
    input.value = '';
  }
});

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>Document</title>
    <style>
      button {
        position: relative;
      }

      #boxes {
        display: flex;
      }

      .box {
        height: 200px;
        width: 200px;
      }
    </style>
  </head>
  <body>
    <!-- <ul id="todos">
      <li>
        First item. Lorem ipsum dolor sit amet consectetur adipisicing elit.
      </li>
      <li>
        Last item. Lorem ipsum dolor sit amet consectetur adipisicing elit.
      </li>
    </ul> -->

    <!-- <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet obcaecati
      neque fugiat ratione eius temporibus veniam earum possimus iure? Officia
      autem, assumenda temporibus obcaecati odit laborum recusandae porro velit
      beatae.
    </p> -->

    <!-- <button>Click Me</button>
    <input type="text" />
    <p></p> -->

    <!-- <div id="boxes"></div> -->

    <div>
      <label for="task">Add task</label>
      <input type="text" id="task" />
    </div>
    <h2>My Tasks</h2>
    <ul></ul>

    <script src="./scratchpad_10.js"></script>
  </body>
</html>

Scratchpad #11

// const multiply = (x, y) => x * y;

// const square = (x) => multiply(x, x);

// const rightTriangle = (a, b, c) => {
//   return square(a) + square(b) === square(c);
// };

// rightTriangle(3, 4, 5);

// console.log('The first log');
// alert('An interruption in between');
// console.log('The last log');

// console.log('The first log');

// setTimeout(() => {
//   console.log('The line that takes time to complete');
// }, 3000);

// console.log('The last log');

// const btn = document.querySelector('button');

// setTimeout(() => {
//   btn.style.transform = `translateX(100px)`;
//   setTimeout(() => {
//     btn.style.transform = `translateX(200px)`;
//     setTimeout(() => {
//       btn.style.transform = `translateX(300px)`;
//       setTimeout(() => {
//         btn.style.transform = `translateX(400px)`;
//         setTimeout(() => {
//           btn.style.transform = `translateX(500px)`;
//           setTimeout(() => {
//             btn.style.transform = `translateX(600px)`;
//           }, 1000);
//         }, 1000);
//       }, 1000);
//     }, 1000);
//   }, 1000);
// }, 1000);

// const willGetAPlayStation = new Promise((resolve, reject) => {
//   const random = Math.random();

//   if (random > 0.5) {
//     resolve();
//   } else {
//     reject();
//   }
// });

// // console.log(willGetAPlayStation);

// willGetAPlayStation.then(() => {
//   console.log('Yayyy! Thank you!');
// });

// willGetAPlayStation.catch(() => {
//   console.log('Booo! F U');
// });

// const makePlayStationPromise = () => {
//   return new Promise((resolve, reject) => {
//     setTimeout(() => {
//       const rand = Math.random();
//       if (rand < 0.5) {
//         resolve('Awesome');
//       } else {
//         reject('Too bad');
//       }
//     }, 5000);
//   });
// };

// makePlayStationPromise()
//   .then((result) => {
//     console.log(result);
//     console.log('I got a playstation!');
//   })
//   .catch((error) => {
//     console.log(error);
//     console.log("$@#$% I didn't get anything!");
//   });

// const fakeRequest = (url) => {
//   return new Promise((resolve, reject) => {
//     setTimeout(() => {
//       const pages = {
//         '/users': [
//           { id: 1, username: 'john' },
//           { id: 2, username: 'jane' },
//         ],
//         '/about': 'This is the about page',
//       };

//       const data = pages[url];

//       if (data) {
//         resolve({ status: 200, data });
//       } else {
//         reject({ status: 404 });
//       }
//     }, 3000);
//   });
// };

// fakeRequest('/users')
//   .then((result) => console.log(result))
//   .catch((error) => console.log(error));

const fakeRequest = (url) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const pages = {
        '/users': [
          { id: 1, username: 'john' },
          { id: 2, username: 'jane' },
        ],
        '/users/1': {
          id: 1,
          username: 'johndoe',
          topPostId: 53231,
          city: 'mumbai',
        },
        '/users/5': {
          id: 1,
          username: 'janedoe',
          topPostId: 32443,
          city: 'pune',
        },
        '/posts/53231': {
          id: 1,
          title: 'Really amazing post',
          slug: 'really-amazing-post',
        },
      };
      const data = pages[url];

      if (data) {
        resolve({ status: 200, data });
      } else {
        reject({ status: 404 });
      }
    }, 1000);
  });
};

// fakeRequest('/users')
//   .then((res) => {
//     console.log('Got 1st data', res);
//     const user = res.data[0];
//     fakeRequest(`/users/${user.id}`)
//       .then((res) => {
//         console.log('Got 2nd data', res);
//         const topPostId = res.data.topPostId;
//         fakeRequest(`/posts/${topPostId}`)
//           .then((data) => {
//             console.log('Got final data', res);
//           })
//           .catch((err) => console.log(err));
//       })
//       .catch((err) => console.log(err));
//   })
//   .catch((err) => console.log(err));

fakeRequest('/users')
  .then((res) => {
    console.log('Got 1st data', res);
    const user = res.data[0];
    return fakeRequest(`/users/${user.id}`);
  })
  .then((res) => {
    console.log('Got 2nd data', res);
    const topPostId = res.data.topPostId;
    return fakeRequest(`/posts/${topPostId}`);
  })
  .then((res) => {
    console.log('Got final data', res);
  })
  .catch((err) => console.error(err));

Scratchpad #12

// // alert('Hello World');

// // fetch('https://swapi.dev/api/planets')
// //   .then((response) => {
// //     if (response.status !== 200) {
// //       throw new Error('Something went wrong');
// //     }
// //     return response.json();
// //   })
// //   .then((data) => {
// //     data.results.map((planet) => {
// //       console.log(planet.name);
// //     });
// //   })
// //   .catch((err) => {
// //     console.log('THIS IS AN ERROR', err);
// //   });

// // fetch('https://swapi.dev/api/planets')
// //   .then((response) => {
// //     if (response.status !== 200) {
// //       throw new Error('Something went wrong');
// //     }
// //     return response.json();
// //   })
// //   .then((data) => {
// //     const movie = data.results[0].films[0];
// //     return fetch(movie);
// //   })
// //   .then((response) => {
// //     if (response.status !== 200) {
// //       throw new Error('Something went wrong');
// //     }
// //     return response.json();
// //   })
// //   .then((data) => {
// //     const starship = data.starships[0];
// //     return fetch(starship);
// //   })
// //   .then((response) => {
// //     if (response.status !== 200) {
// //       throw new Error('Something went wrong');
// //     }
// //     return response.json();
// //   })
// //   .then((data) => {
// //     console.log(data);
// //   })
// //   .catch((err) => {
// //     console.log('THIS IS AN ERROR', err);
// //   });

// const checkStatusAndParse = (res) => {
//   if (!res.ok) {
//     throw new Error(`Status code error: ${res.status}`);
//   }
//   return res.json();
// };

// // fetch('https://swapi.dev/api/planets')
// //   .then(checkStatusAndParse)
// //   .then((data) => {
// //     const movie = data.results[0].films[0];
// //     return fetch(movie);
// //   })
// //   .then(checkStatusAndParse)
// //   .then((data) => {
// //     const starship = data.starships[0];
// //     return fetch(starship);
// //   })
// //   .then(checkStatusAndParse)
// //   .then((data) => {
// //     console.log(data);
// //   })
// //   .catch((err) => {
// //     console.log('THIS IS AN ERROR', err);
// //   });

// const container = document.querySelector('#root');
// container.style.display = 'grid';
// container.style.gridTemplateColumns = '1fr 1fr 1fr 1fr';
// container.style.gap = '10px';

// axios
//   .get('https://swapi.dev/api/planets')
//   .then((response) => {
//     const { data } = response;

//     data.results.map((planet) => {
//       const card = document.createElement('div');

//       const name = document.createElement('h4');
//       name.innerText = planet.name;

//       const list = document.createElement('ul');

//       const pop = document.createElement('li');
//       pop.innerHTML = `<strong>Population: </strong> ${planet.population}`;

//       const terrain = document.createElement('li');
//       terrain.innerHTML = `<strong>Terrain: </strong> ${planet.terrain}`;

//       list.append(pop, terrain);
//       card.append(name, list);

//       card.style.border = '1px solid black';
//       card.style.borderRadius = '10px';
//       card.style.padding = '10px';

//       container.append(card);
//     });
//   })
//   .catch((err) => console.log('THIS IS AN ERROR'));

const inp = document.querySelector('input');
const btn = document.querySelector('button');
const list = document.querySelector('#list');

btn.addEventListener('click', function () {
  const taskItem = document.createElement('div');
  const taskName = document.createElement('p');
  taskName.innerText = inp.value;
  taskName.style.margin = '0';
  taskName.classList.add('hello');

  const check = document.createElement('input');
  check.type = 'checkbox';
  check.addEventListener('click', function () {
    if (check.checked) {
      taskName.style.textDecoration = 'line-through';
      taskName.style.color = 'green';
    } else {
      taskName.style.textDecoration = 'none';
      taskName.style.color = 'black';
    }
  });

  const grp = document.createElement('div');
  grp.append(check, taskName);
  grp.style.display = 'flex';

  const delBtn = document.createElement('button');
  delBtn.innerText = 'Delete Task';
  delBtn.addEventListener('click', function () {
    taskItem.remove();
  });

  taskItem.append(grp, delBtn);
  taskItem.style.display = 'flex';
  taskItem.style.justifyContent = 'space-between';
  taskItem.style.padding = '5px 10px';
  taskItem.style.border = '1px solid rgba(0,0,0,0.2)';

  list.append(taskItem);
  inp.value = '';
});

Scratchpad #13

// // function greet() {
// //   console.log(`My name is ${this.firstName} ${this.lastName}`);
// // }

// // const user1 = {
// //   firstName: 'John',
// //   lastName: 'Doe',
// //   greet,
// // };

// // const user2 = {
// //   firstName: 'Jack',
// //   lastName: 'Smith',
// //   greet,
// // };

// // user1.greet();
// // user2.greet();

// // const btn = document.querySelector('button');

// // btn.addEventListener('click', function () {
// //   console.log('I was clicked!');
// // });
// // btn.addEventListener('mouseover', function () {
// //   console.log('I was hover on!');
// // });

// // const data = axios.get('https://swapi.dev/api/planets');

// // data.then((response) => {
// //   console.log(response.data);
// // });

// // function getData(url) {
// //   let film = null;

// //   axios
// //     .get(url)
// //     .then((res) => {
// //       film = res.data.results[0].films[0];
// //       return axios.get(film);
// //     })
// //     .then((res) => {
// //       console.log(res.data);
// //     });
// // }

// // getData('https://swapi.dev/api/planets');

// // async function greet() {
// //   const rand = Math.random();

// //   if (rand > 0.5) {
// //     return 'You win';
// //   }
// //   throw new Error();
// // }

// // function greet() {
// //   return new Promise((resolve, reject) => {
// //     const rand = Math.random();

// //     if (rand > 0.5) {
// //       resolve('You win');
// //     } else {
// //       reject('You lose');
// //     }
// //   });
// // }

// // greet()
// //   .then((data) => console.log(data))
// //   .catch((err) => console.log(err));

// // function getData(url) {
// //   axios
// //     .get(url)
// //     .then((res) => {
// //       film = res.data.results[0].films[0];
// //       return axios.get(film);
// //     })
// //     .then((res) => {
// //       console.log(res.data);
// //     });
// // }
// // const getData2 = async (url) => {
// //   const { data } = await axios.get(url);
// //   const film = await axios.get(data.results[0].films[0]);

// //   console.log(film.data);
// // };

// // async function getData2(url) {
// //   try {
// //     const { data } = await axios.get(url);
// //     const film = await axios.get(data.results[0].films[0]);
// //     console.log(film.data);
// //   } catch (err) {
// //     console.log('Inside catch', err);
// //   }
// // }

// // // getData2('https://swapi.dev/api/planasdts').catch((err) =>
// // //   console.log('SOMETHING WENT WRONG')
// // // );

// // getData2('https://swapi.dev/api/planasdts');

// // async function getPokemon() {
// //   const pokemon1Promise = axios.get('https://pokeapi.co/api/v2/pokemon/1');
// //   const pokemon2Promise = axios.get('https://pokeapi.co/api/v2/pokemon/2');
// //   const pokemon3Promise = axios.get('https://pokeapi.co/api/v2/pokemon/3');

// //   const results = await Promise.all([
// //     pokemon1Promise,
// //     pokemon2Promise,
// //     pokemon3Promise,
// //   ]);

// //   console.log(results);

// // const pokemon1 = await pokemon1Promise;
// // const pokemon2 = await pokemon2Promise;
// // const pokemon3 = await pokemon3Promise;

// // console.log(pokemon1.data);
// // console.log(pokemon2.data);
// // console.log(pokemon3.data);
// // }

// // getPokemon();

// // function initializeDeck() {
// //   const deck = [];
// //   const suits = ['hearts', 'diamonds', 'spades', 'clubs'];
// //   const values = '2,3,4,5,6,7,8,9,10,J,Q,K,A';

// //   for (let value of values.split(',')) {
// //     for (let suit of suits) {
// //       deck.push({ value, suit });
// //     }
// //   }
// //   return deck;
// // }

// // function drawCard(deck, drawnCards) {
// //   const card = deck.pop();
// //   drawnCards.push(card);
// //   return card;
// // }

// // function drawMultiple(numCards, deck, drawnCards) {
// //   const cards = [];
// //   for (let i = 0; i < numCards; i++) {
// //     cards.push(drawCard(deck, drawnCards));
// //   }
// //   return cards;
// // }

// // function shuffle(deck) {
// //   // loop over array backwards
// //   for (let i = deck.length - 1; i > 0; i--) {
// //     // pick random index before current element
// //     let j = Math.floor(Math.random() * (i + 1));
// //     [deck[i], deck[j]] = [deck[j], deck[i]];
// //   }
// //   return deck;
// // }

// // const deck = initializeDeck();
// // shuffle(deck);

// // const cardsInHand = [];

// // drawCard(deck, cardsInHand);
// // drawCard(deck, cardsInHand);

// // drawMultiple(2, deck, cardsInHand);

// // console.log(cardsInHand);

// // const makeDeck = () => {
// //   return {
// //     deck: [],
// //     drawnCards: [],
// //     suits: ['hearts', 'diamonds', 'spades', 'clubs'],
// //     values: '2,3,4,5,6,7,8,9,10,J,Q,K,A',
// //     initializeDeck() {
// //       const { suits, values, deck } = this;
// //       for (let value of values.split(',')) {
// //         for (let suit of suits) {
// //           deck.push({ value, suit });
// //         }
// //       }
// //       return deck;
// //     },
// //     drawCard() {
// //       const card = this.deck.pop();
// //       this.drawnCards.push(card);
// //       return card;
// //     },
// //     drawMultiple(numCards) {
// //       const cards = [];
// //       for (let i = 0; i < numCards; i++) {
// //         cards.push(this.drawCard());
// //       }
// //       return cards;
// //     },
// //     shuffle() {
// //       const { deck } = this;
// //       for (let i = deck.length - 1; i > 0; i--) {
// //         let j = Math.floor(Math.random() * (i + 1));
// //         [deck[i], deck[j]] = [deck[j], deck[i]];
// //       }
// //     },
// //   };
// // };

// // const deck1 = makeDeck();
// // const deck2 = makeDeck();
// // const deck3 = makeDeck();

// // console.log(deck1);
// // console.log(deck2);
// // console.log(deck3);

// // // deck1.initializeDeck();

// // // deck1.shuffle();

// // // deck1.drawMultiple(4);

// // // console.log(deck1);

// // function Person(firstName, lastName, age) {
// //   this.firstName = firstName;
// //   this.lastName = lastName;
// //   this.age = age;
// //   this.job = 'Programmer';
// // }

// // Person.prototype.sayName = function () {
// //   console.log(`My name is ${this.firstName} ${this.lastName}`);
// // };

// // Person.prototype.greet = 'Nice!';

// // function personFactory(firstName, lastName, age) {
// //   return {
// //     firstName,
// //     lastName,
// //     age,
// //     sayName() {
// //       console.log(`My name is ${this.firstName} ${this.lastName}`);
// //     },
// //   };
// // }

// // const user1 = new Person('John', 'Doe', 25);
// // // const user2 = new Person('Jack', 'Doe', 25);
// // const user2 = personFactory('Jack', 'Doe', 25);

// // console.log(user1);
// // console.log(user2);

// // user1.sayName();
// // user2.sayName();

// // function Person(firstName, lastName, age) {
// //   this.firstName = firstName;
// //   this.lastName = lastName;
// //   this.age = age;
// //   this.job = 'Programmer';
// // }

// // Person.prototype.sayName = function () {
// //   console.log(`My name is ${this.firstName} ${this.lastName}`);
// // };

// // class Person {
// //   constructor(firstName, lastName, age) {
// //     this.firstName = firstName;
// //     this.lastName = lastName;
// //     this.age = age;
// //     this.job = 'Programmer';
// //   }

// //   sayName() {
// //     console.log(`My name is ${this.firstName} ${this.lastName}`);
// //   }
// // }

// // const user1 = new Person('John', 'Doe', 25);

// // console.log(user1);

// class Deck {
//   constructor() {
//     this.deck = [];
//     this.drawnCards = [];
//     this.suits = ['hearts', 'diamonds', 'spades', 'clubs'];
//     this.values = '2,3,4,5,6,7,8,9,10,J,Q,K,A';
//   }

//   initializeDeck() {
//     const { suits, values, deck } = this;
//     for (let value of values.split(',')) {
//       for (let suit of suits) {
//         deck.push({ value, suit });
//       }
//     }
//     return deck;
//   }

//   drawCard() {
//     const card = this.deck.pop();
//     this.drawnCards.push(card);
//     return card;
//   }

//   drawMultiple(numCards) {
//     const cards = [];
//     for (let i = 0; i < numCards; i++) {
//       cards.push(this.drawCard());
//     }
//     return cards;
//   }

//   shuffle() {
//     const { deck } = this;
//     for (let i = deck.length - 1; i > 0; i--) {
//       let j = Math.floor(Math.random() * (i + 1));
//       [deck[i], deck[j]] = [deck[j], deck[i]];
//     }
//   }
// }

// const deck1 = new Deck();
// // deck1.initializeDeck();
// // deck1.shuffle();
// const deck2 = new Deck();
// // deck2.initializeDeck();
// // deck2.shuffle();

// // deck1.drawCard();
// // deck2.drawCard();
// // deck2.drawCard();
// // deck2.drawMultiple(2);

// console.log(deck1);
// console.log(deck2);

class User {
  constructor(username, password) {
    this.username = username;
    this.password = password;
  }

  login(pass) {
    if (pass === this.password) {
      console.log('Welcome back');
    } else {
      console.log('Incorrect password entered.');
    }
  }
}

class Moderator extends User {
  constructor(username, password, age, job) {
    super(username, password);
    this.age = age;
    this.job = job;
  }

  createGroup(name) {
    console.log(`New group created: ${name}`);
  }
}

const john = new User('john123', 'doe123');
const jane = new Moderator('jane123', 'smith123', 24, 'Full Stack Dev');

john.login('doe123');
jane.login('smith123');
jane.createGroup('JavaScript');

// class User {
//   constructor(username, password) {
//     this.username = username;
//     this.password = password;
//   }

//   login(pass) {
//     if (pass === this.password) {
//       console.log('Welcome back');
//     } else {
//       console.log('Incorrect password entered.');
//     }
//   }
// }

// class Subscriber extends User {
//   logout() {
//     console.log('You have successfully logged out, Subscriber');
//   }
// }

// class Creator extends User {
//   constructor(username, password, totalVideos = 0) {
//     super(username, password);
//     this.totalVideos = totalVideos;
//   }
//   uploadVideo(videoName) {
//     this.totalVideos++;
//     console.log(
//       `Thank you for uploading ${videoName}.\nChannel: ${this.totalVideos} video(s)`
//     );
//   }

//   logout() {
//     console.log('You have successfully logged out, Creator');
//   }
// }

// const user1 = new Subscriber('johndoe', 'doe123');
// const user2 = new Creator('janedoe', 'jane123');

// user1.login('doe123');
// user2.login('asdasd');
// user2.uploadVideo('New Song');

// console.log(user1);
// console.log(user2);

Node Scratchpad

// const http = require('http');

// const server = http.createServer((request, response) => {
//   // console.log(request.url, request.method, request.headers);

//   if (request.url === '/') {
//     response.setHeader('Content-Type', 'text/html');
//     response.write(`<html>
//     <head><title>My Response</title></head>
//     <body><h1>My Response</h1></body>
//   </html>`);
//     response.end();
//   }

//   if (request.url === '/login') {
//     response.setHeader('Content-Type', 'text/html');
//     response.write(`<html>
//     <head><title>Login Page</title></head>
//     <body><h1>Try to login</h1></body>
//   </html>`);
//     response.end();
//   }
// });

// server.listen(3000);

const http = require('http');
const fs = require('fs');

const server = http.createServer((request, response) => {
  // console.log(request.url, request.method, request.headers);

  if (request.url === '/') {
    response.setHeader('Content-Type', 'text/html');
    response.write(`<html>
      <head><title>Enter Message</title></head>
      <body>
        <form action="/message" method="POST">
          <input type="text" name="message" />
          <button type="submit">Send</button>
        </form>
      </body>
    </html>`);
    return response.end();
  }

  if (request.url === '/message' && request.method === 'POST') {
    const body = [];
    request.on('data', (chunk) => {
      // console.log(chunk);
      body.push(chunk);
    });

    request.on('end', () => {
      const parsedBody = Buffer.concat(body).toString();
      const message = parsedBody.split('=')[1];
      fs.writeFileSync('message.txt', message);
    });

    // fs.writeFileSync('message.txt', 'Hello World. This is some text.');
    response.statusCode = 302;
    response.setHeader('Location', '/');
    return response.end();
  }
});

server.listen(3000);