Menu

FullStack Apr14

FullStack Apr14

Scratchpad HTML-CSS

JS Scratchpad #2

// let score = 10;

// let newScore = 10 + score;

// typeof newScore;

// // coersion -> implicit (automatic) conversion
// // 100 + '100' => '100' + '100' => '100100'

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

// 6.toUpperCase();

// iterpolation

let message = 'Hello World\nThis is on a new line.\nThank you.';

message = `Hello World
This is on a new line.
Thank you`;

Scratchpad #3

// let age = 18;

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

// let age = 66;

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

// if (age % 2 === 0) {
//   console.log('Even age');
// } else {
//   console.log('Odd age');
// }

// let password = 'helloworld';

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

let user = null;

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

Scratchpad #4

// let age = 18;

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

// let day = -1;

// 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 code');
// }

// 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 code');
// }

// let age = 3;

// age >= 65
//   ? console.log('Drink are free')
//   : age >= 21
//   ? console.log('Can drink')
//   : age >= 18
//   ? console.log('Can not drink')
//   : console.log('Not allowed');

// let stat = 'online';
// let color = stat === 'online' ? 'green' : 'gray';

// console.log(color);

let cart = ['iPhone 12', 'Macbook Air', 'Apple watch'];

let deletedItem = cart.pop();

Scratchpad #5

// const product1 = ['Apple iPhone', 'Apple', 'Some description...', 500, 100000];

// const product2 = {
//   price: 100000,
//   description: 'Some description...',
//   inStock: 500,
//   brand: 'Apple',
//   imageUrl: 'https://....',
//   name: 'Apple iPhone',
//   1: 'Hello',
//   'The cost': false,
// };

// product1[1];
// product2.brand;

// console.log(product2[1]);
// console.log(product2['brand']);
// console.log(product2['The cost']);

// const pallette = {
//   red: '#eb4d4b',
//   yellow: '#f9ca24',
//   blue: '#30336b',
// };

// let color = 'red';

// console.log(pallette[color]);

// const product2 = {
//   price: 100000,
//   description: 'Some description...',
//   inStock: 500,
// };

// product2.something = 'Hello';
// product2.brand = 'Apple';
// product2.inStock++;
// product2.price = 1000;

// console.log(product2);

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

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

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

// for (let i = 0; i < nums.length; i++) {
//   console.log(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++) {
//   let movie = movies[i];
//   console.log(`${movie.movieName} has a rating of ${movie.rating}`);
// }

// const word = 'Hello World';

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

// let reversedString = '';

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

// console.log(reversedString);

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

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

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++) {
  for (let j = 0; j < gameBoard[i].length; j++) {
    // console.log(gameBoard[i][j]);
    total += gameBoard[i][j];
  }
}

console.log(total);

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

Scratchpad #6

// 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() * 100) + 1;
// let guess = Math.floor(Math.random() * 100) + 1;

// while (guess !== target) {
//   if (guess === 13) {
//     break;
//   }

//   console.log(`Target: ${target}\nGuess: ${guess}`);
//   guess = Math.floor(Math.random() * 100) + 1;
// }

// console.log(`You have the right number:\nTarget: ${target} | Guess: ${guess}`);

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

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

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

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

// console.log(`You have the right number:\nTarget: ${target} | Guess: ${guess}`);

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

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

// for (let name of names) {
//   console.log(name);
// }

// // iteration

// let name = 'John Doe';

// for (let char of name) {
//   console.log(char);
// }

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

// for (let firstItems of nums) {
//   for (let secondItems of firstItems) {
//     for (let thirdItems of secondItems) {
//       console.log(thirdItems);
//     }
//   }
// }

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

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

// const movieRating = {
//   pursuitOfHappiness: 4.8,
//   satya: 4.8,
//   gangsOfWasepur: 4,
//   robot: NaN,
//   deshDrohi: Infinity,
// };

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

const nums = [
  [
    [1, 2, 3],
    [1, 2, 3],
    [1, 2, 3],
  ],
  [
    [1, 2, 3],
    [1, 2, 3],
    [1, 2, 3],
  ],
  [
    [1, 2, 3],
    [1, 2, 3],
    [1, 2, 30],
  ],
];

let total = 0;

for (let i = 0; i < nums.length; i++) {
  for (let j = 0; j < nums[i].length; j++) {
    for (let k = 0; k < nums[i][j].length; k++) {
      total += nums[i][j][k];
    }
  }
}

console.log(total);

Scratchpad #7

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

// greet();

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

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

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

// throwDice();

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

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

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

// throwDice(3);

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

// greet('John');

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

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

// console.log(result);

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

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

// console.log(isNumber('hello'));
// console.log(isNumber(true));

// let firstName = 'Jane Smith';

// function greet() {
//   let firstName = 'John Doe';
//   console.log(firstName);
// }

// console.log(firstName);

// greet();

// if (true) {
//   var firstName = 'John';
//   console.log(firstName);
// }

// console.log(firstName);

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

// console.log(i);

// console.log(firstName);

// var firstName = 'John';

// function greet() {
//   var firstName = 'john';
//   console.log(firstName);
// }

// // if (true) {
// //   let firstName = 'john';
// //   console.log(firstName);
// // }

// console.log(firstName);

// // greet();

// function outer() {
//   function inner() {
//     let movie = 'John Wick';
//     console.log(movie);
//   }

//   console.log(movie);

//   inner();
// }

// outer();

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

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

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

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

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

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(10, 5));

// console.log(arr[2](10, 5));

// const arr2 = [1, 2, 3, 4];

// 1

Scratchpad #8

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

// const sub = function (num1, num2) {
//   return num1 - num2;
// };

// const math = {
//   add: add,
//   sub: sub,
//   mul: function (num1, num2) {
//     return num1 * num2;
//   },
//   PI: 3.1415,
// };

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

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

// const helloworld = sub;

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

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

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

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

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

// let result = math(10, 2, function (num1, num2) {
//   return num1 * num2;
// });

// console.log(result);

// function greet(name) {
//   function mood() {
//     const moods = ['Hi', 'Hello', 'Get lost', 'F off', '---'];
//     const random = Math.floor(Math.random() * moods.length);
//     return moods[random];
//   }

//   return `${mood()}, ${name}`;
// }

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

// 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 => keyword
// // add => function's name
// // (a, b) => parameters (one or more)
// // {} => code block
// // return => return/replace/give back whatever is on it's right
// // add(10, 5) => this expression will become 15
// function add(a, b) {
//   return a + b;
// }

// // LEXICAL SCOPING
// function raiseby(num) {
//   const res = function (x) {
//     return x ** num;
//   };

//   return res;
// }

// const cube = raiseby(3);
// const square = raiseby(2);
// const tesseract = raiseby(4);

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

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

// const isMinor = isBetween(1, 18);
// const isUnderAge = isBetween(18, 21);
// const isLegalAge = isBetween(21, 65);
// const isOverAge = isBetween(65, 100);

// console.log(isUnderAge(40));
// console.log(isOverAge(88));

function generateEvens() {
  const evens = [];

  for (let i = 1; i < 50; i++) {
    if (i % 2 === 0) {
      evens.push(i);
    }
  }

  return evens;
}

console.log(generateEvens());

// rahul@rstforum.co.in

Scratchpad #9

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

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

// const result = math(10, 5, add);

// console.log(result);

// setTimeout(function () {
//   console.log('Hello World');
// }, 5000);

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

// setTimeout(logHello, 1000);

// console.log("Hello World")

// let name = 'John';

// // Impure function - side effects
// // function cap() {
// //   name = name.toUpperCase();
// // }

// function cap(name) {
//   return name.toUpperCase();
// }

// name = cap(name);
// console.log(name);

greet('John');

function greet(person) {
  console.log(`HELLO, ${person}`);
}

// const greet = function (person) {
//   console.log(`HELLO, ${person}`);
// }

Scratchpad #10

// /**
//  * @desc "Function that takes 3 params and return it's calc"
//  * @param a: number
//  * @param b: number
//  * @param fn: function that
//  */
// function math(a, b, fn) {
//   return fn(a, b);
// }

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

// math(10, 5, add);

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

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

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

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

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

// const upperNames = [];

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

// console.log(upperNames);

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

// console.log(upperCasedNames);

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

// const movieNames = movies.map(function (movie) {
//   return movie.title;
// });

// console.log(movieNames);

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

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

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

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

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

// const doubles = nums.map((n, i) => n * 2);

// console.log(doubles);

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

// const add2 = (a, b) => {
//   console.log("Hello World")
//   return a + b
// };

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

// let searchResult = movies.find((movie) => movie.includes("Av"))

// console.log(searchResult)

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

// const searchResult = movies.find((movie) => movie.rating < 2);

// console.log(searchResult);

// 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 searchRes1 = books.filter((book) => book.rating < 2);
// // const searchRes2 = books.find((book) => book.author === 'George Orwell');

// console.log(searchRes1);
// // console.log(searchRes2);

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

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

// console.log(res);

// const prices = [500.4, 211, 23, 5, 4, 22.2, -23.2, 9233];
// const prices = [1, 4, -2, 5, 1, 2];
// prices.sort((a, b) => b - a);

// console.log(prices);

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

const res = nums.reduce((acc, currVal) => acc + currVal, 100);

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

console.log(res);
// acc          - 9
// currVal      - 7