Menu

FullStack Sunday M13

FullStack Sunday M13

Scratchpad html-css

Scratchpad #1

// let message = `Hello World.
// This is some message.
// This is another line.`;

// let anotherMessage =
//   'Hello World.\nThis is some message.\nThis is another line.';

// // console.log(message);
// // console.log(anotherMessage);

// let twitterHandle = null;

// let age = 21;

// if (age > 18) {
//   console.log('You are allowed');
// }

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

// let age = 90;

// 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 but you cannot drink');
// } else {
//   console.log("You can't enter");
// }

// let age = 99;

// if (age > 18) {
//   console.log('Entry Granted!');
// } else if (age >= 21) {
//   console.log('Drinks Allowed');
// } else if (age >= 65) {
//   console.log('Drinks FREE!');
// }

// let password = 'he asdsadasd';

// if (password.length >= 6) {
//   if (password.indexOf(' ') !== -1) {
//     console.log('Password cannot include spaces');
//   } else {
//     console.log('Valid Password');
//   }
// } else {
//   console.log('Password is too short!');
// }

// let user = null;

// if (user) {
//   console.log('Welcome');
// } else {
//   console.log('Please login first');
// }

// let age = 99;

// if (age >= 18 && age < 21) {
//   console.log('Entry Granted!');
// } else if (age >= 21 && age < 65) {
//   console.log('Drinks Allowed');
// } else if (age >= 65) {
//   console.log('Drinks FREE!');
// } else {
//   console.log('Not Allowed');
// }

// let user = 'john';

// if (!user) {
//   console.log('Please login first');
// } else {
//   console.log('Welcome');
// }

let day = 99;

// if (day === 1) {
//   console.log('Monday');
// } else if (day === 2) {
//   console.log('Tuesday');
// } else if (day === 3) {
//   console.log('Wednesday');
// }

// switch (day) {
//   case 1:
//     console.log('Monday');
//     break;
//   case 2:
//     console.log('Tuesday');
//     break;
//   case 3:
//     console.log('Wednesday');
//     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 age = 19;

// age > 18 ? console.log('Welcome') : console.log('Get Lost');

// age >= 65
//   ? console.log('Drinks are free')
//   : age >= 21
//   ? console.log('Enter and drink')
//   : age >= 18
//   ? console.log("Enter but don't drink")
//   : console.log('Not allowed');

// let isAllowed = age > 18 ? 'Welcome' : 'Get Lost';

// console.log(isAllowed);

// let age = 20;

// if (age > 18) {
//   console.log('Welcome');
// } else if (age > 10) {
//   console.log('Get lost');
// } else {
//   console.log('Something else');
// }

// age > 18
//   ? console.log('Welcome')
//   : age > 10
//   ? console.log('Get Lost')
//   : console.log('Something else');

// rahul@rstforum.co.in

console.log('Hello World');

Scratchpad #2

// const product = {
//   price: 100000,
//   description: 'Some description...',
//   name: 'iPhone 13',
//   inStock: 500,
//   brand: 'Apple',
//   'the info': 'Something',
//   10: true,
// };

// console.log(product['the info']);
// console.log(product['10']);
// product.inStock;

// for (let i = 0; i < 100; i++) {
//   console.log(`${i} - Hello World`);
// }

// for (let num = 0; num <= 100; num += 5) {
//   console.log(`${num} - Hello World`);
// }

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

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

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

// 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(`${movie.movieName} has a rating of ${movie.rating}`);
// }

// const word = 'Hello World';

// let reversedWord = '';

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

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

// console.log(reversedWord); // undefineddlroW olleH

// for (let i = 0; i < 5; i++) {
//   console.log(i);
//   for (let j = 0; j < 5; j++) {
//     console.log('   ', j);
//     for (let k = 0; k < 5; k++) {
//       console.log('      ', k);
//     }
//   }
// }

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

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

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

// let i = 0;

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

// const target = Math.floor(Math.random() * 10) + 1;
// let guess = Math.floor(Math.random() * 10) + 1;

// while (target !== guess) {
//   console.log(`Target: ${target} | Guess: ${guess}`);
//   guess = Math.floor(Math.random() * 10) + 1;
// }

// console.log(`You won: \nTarget: ${target} | Guess: ${guess}`);

// const target = Math.floor(Math.random() * 10) + 1;
// let guess = Math.floor(Math.random() * 10) + 1;

// while (true) {
//   console.log(`Target: ${target} | Guess: ${guess}`);

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

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

// console.log(`You won: \nTarget: ${target} | Guess: ${guess}`);

// let categories = [
//   'fashion',
//   'electronics',
//   'mobiles',
//   'books',
//   'toys',
//   'groceries',
// ];

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

// for (let category of categories) {
//   console.log(category);
// }

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

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

// let total = 0;

// for (let arr of matrix) {
//   for (let num of arr) {
//     total += num;
//   }
// }

// console.log(total);

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

// for (let key of Object.keys(productPrices)) {
//   console.log(productPrices[key]);
// }

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

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

for (let movie in movieRating) {
  console.log(`${movie} has a rating of ${movieRating[movie]}`);
}

Scratchpad #3

// function greet() {
//   console.log('----------');
//   console.log('Hello, John');
//   console.log('----------');
// }

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

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

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

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

// rollDice();

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

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

// function add(a, b) {
//   console.log(a + b);
// }

// add(10, 4);

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

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

// rollDice(2);

// function greet(name) {
//   return `Hello, ${name}`;
// }

// console.log(greet('John'));

// const message = greet('Jack');

// console.log(message);

// let name = 'John';

// let firstName = 'Chaggan';

// function greet() {
//   let firstName = 'Jack';
//   return `Hello, ${firstName}`;
// }

// console.log(firstName);

// console.log(greet());

// if (true) {
//   const firstName = 'John';
//   const lastName = 'Doe';
// }

// console.log(`${firstName} ${lastName}`);

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

// console.log(i);

// var score = 10;
// var score = 100;

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

//   function inner() {
//     let movie = 'Chandramukhi';
//     console.log(movie);
//   }

//   // console.log(movie);
//   inner();
// }

// outer();

// // Named function
// function square(num) {
//   return num * num;
// }

// Anonymous Function
// const cube = function (num) {
//   return num * num * num;
// };

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

// const name = 'John Doe';

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

// function add(num1, num2) {
//   return num1 + num2;
// }

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

// const res = math(10, 5, function (a, b) {
//   return a - b;
// });

// console.log(res);

// const maths = [
//   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(maths[2](10, 5));

// const maths = {
//   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(maths.sub(10, 4));

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

// 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(num) {
//   return function (x) {
//     return x ** num;
//   };
// }

// const cube = raiseBy(3);
// const square = raiseBy(2);

// console.log(cube(2));

// function isBetween(x, y) {
//   return function (num) {
//     return num >= x && num < y;
//   };
// }

// const underAge = isBetween(18, 21);
// const correctAge = isBetween(21, 65);
// const overAge = isBetween(65, 200);

// console.log(underAge(30));

// 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(20, 15, function (a, b) {
//     return a - b;
//   })
// );

// setTimeout(function () {
//   console.log('HELLO WORLD');
// }, 5000);

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

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

// let firstName = 'John Doe';

// console.log(firstName);

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

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

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

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

// movies.forEach(function (movie, i) {
//   console.log(i + 1, movie.title.toUpperCase());
// });

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

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

// const uppercasedNames = [];

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

// console.log(uppercasedNames);

const prods = [
  {
    name: 'prod 1',
    price: 5,
  },
  {
    name: 'prod 2',
    price: 90,
  },
  {
    name: 'prod 3',
    price: 8,
  },
];

const res = prods.map(function (product) {
  return { name: product.name, price: product.price * 75 };
});

const res2 = prods.map(function (product) {
  return product.name;
});

console.log(res);
console.log(res2);

Scratchpad #4

// function add(a, b) {
//   console.log(a + b);
//   return 'hqwerkjnsdklcjbnsdlkjfbnilj';
// }

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

// 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 nums = [2, 3, 4, 7, 6, 8, 13, 10, 19, 12, 14, 22, 21, 16];

// const res = nums.forEach(function (num) {
//   console.log(num);
// });

// console.log(res);

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

// const test = add;

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

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

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

// const square = num => num * num;

// 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 doubles2 = nums.map((n) => n * 2);

// console.log(doubles);

// function something() {
//   const nums = [];

//   for (let i = 1; i < 51; i++) {
//     nums.push(i);
//   }

//   const evens = [];

//   for (let num in nums) {
//     if (num % 2 === 0) {
//       evens.push(num);
//     }
//   }

//   return evens;
// }

// console.log(something());

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

// let searchTerm = 'The Avengers';

// let movie1 = movies.find((movie) => {
//   return movie === searchTerm;
// });

// console.log(movie1);

// 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,
//   },
// ];

// const goodBook = books.find((book) => {
//   return book.author.includes('Orwell');
// });

// console.log(goodBook);

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

// console.log(goodBooks);

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

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

// console.log(result);

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

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

// console.log(prices);

// 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,
//   },
// ];

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

// console.log(books);

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

// const result = nums.reduce((acc, currVal) => acc / currVal);

// console.log(result);

// acc|currVal
// 1    2
// 3    3
// 6    4
// 10   5
// 15

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

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

// console.log(maxVal);

// acc   curr
// 21    221
// 221   2
// 221   1
// 221

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

// const result = nums.reduce((acc, currVal) => acc + currVal, 1000);

// console.log(result);

// const multiply = (x, y) => {
//   if (typeof x === 'undefined') {
//     x = 1;
//   }
//   if (typeof y === 'undefined') {
//     y = 1;
//   }
//   return x * y;
// };

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

// const multiply = (x, y = 1, z = 1) => {
//   return x * y * z;
// };

// console.log(multiply(10, 4, 2));

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

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

// printVals(...names);

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

// console.log(add(10, 5, 23, 23, 1, 1, 1, 223, 434, 34, 3434));

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

// printNames('John', 'Jack', 'Jane', 'James', 'Joe');

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

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

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

// console.log(admin, others);

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

// const { firstName, lastName, email: emailAddress, phone } = user;
// console.log(firstName, lastName, emailAddress, phone);

// const { firstName, lastName, ...others } = user;

// console.log(firstName, lastName, others);

// function profile({ fullName, age, profession }) {
//   console.log(`${fullName} is ${age} years old and works as a ${profession}`);
// }

// const john = {
//   fullName: 'John Doe',
//   age: 20,
//   profession: 'Programmer',
// };

// profile(john);

// 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 info = { highest, lowest, average };

// console.log(info);

// 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.toUpperCase()]: username };

// console.log(user1); // {role: 'janedoe'}

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

console.log(addProperty({ firstName: 'John', lastName: 'Doe' }, 'age', 20));

// {firstName: 'John', lastName: 'Doe', k: 20}