Full Stack Development Sep 18-09-2023
Scratchpads JS
// console.log('Hello World');
// let age = 23;
// if (age >= 18) {
// console.log('You are welcome here');
// }
// let num = 33;
// if (num % 2 === 0) {
// console.log('Number is even');
// } else {
// console.log('Number is odd');
// }
// let age = 190;
// if (age >= 65) {
// console.log('Drinks are free');
// } else if (age >= 21) {
// console.log('You can enter and you can drink');
// } else if (age >= 18) {
// console.log("You can enter but you can't drink");
// } else {
// console.log('Access forbidden');
// }
let password = 'hello world@123';
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 loggedInUser = 'john123';
// if (loggedInUser) {
// console.log('Welcome to your dashboard');
// } else {
// console.log('Please login to view this content');
// }
// let age = 70;
// if (age >= 18 && age < 21) {
// console.log("You can enter but you can't drink");
// } else if (age >= 21 && age < 65) {
// console.log('You can enter and you can drink');
// } else if (age >= 65) {
// console.log('Drinks are free');
// } else {
// console.log('Access forbidden');
// }
// let day = 1;
// switch (day) {
// case 0:
// case 1:
// console.log('Monday');
// break;
// case 2:
// console.log('Tuesday');
// break;
// case 3:
// console.log('Wednesday');
// break;
// default:
// console.log('Invalid day code');
// }
let status = 'idle';
let color =
status === 'offline' ? 'red' : status === 'online' ? 'green' : 'yellow';
// if (status === 'offline') {
// color = 'red';
// } else if () {
// color = 'green';
// }
console.log(color);
// status === 'offline' ? console.log('red') : console.log('green');
// if (status === 'offline') {
// console.log('red');
// } else {
// console.log('green');
// }
// let product1 = ['iPhone 15', 'Apple', 'Some desc...', 500, 100000, true];
// let product1 = {0: 'iPhone 15', 1: 'Apple', 2: 'Some desc...', 3: ''}
let product2 = {
price: 100000,
name: 'iPhone 15',
discounted: true,
description: 'Some desc...',
inStock: 500,
brand: 'Apple',
1: 'hello',
'hello world': true,
};
product2.price;
product2[1];
product2['hello world'];
// for (let count = 0; count <= 10; count++) {
// console.log(count, 'Hello World');
// }
// console.log('I am out of that loop');
// for (let count = 10; count >= -10; count--) {
// console.log(count);
// }
// const nums = [12, 34, 56, 34, 78, 54, 23, 12, 10];
// let total = 0;
// for (let i = 0; i < nums.length; i++) {
// // console.log(nums[i]);
// total += nums[i]; // total = total + nums[i]
// }
// console.log(`Total: ${total}`);
// 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 reversedWord = '';
// for (let i = word.length - 1; i >= 0; 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(`\t${j} - INNER LOOP`);
// }
// }
// const gameBoard = [
// [[4, 64, 8, 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 (guess !== target) {
// if (guess === 3) {
// console.log('Sorry, 3 is an unlucky number');
// break;
// }
// console.log(`Target: ${target} | Guess: ${guess}`);
// guess = Math.floor(Math.random() * 10) + 1;
// }
// console.log(`FINAL - Target: ${target} | Guess: ${guess}`);
// const target = Math.floor(Math.random() * 10) + 1;
// let guess = Math.floor(Math.random() * 10) + 1;
// while (true) {
// if (guess === target) {
// break;
// }
// console.log(`Target: ${target} | Guess: ${guess}`);
// guess = Math.floor(Math.random() * 10) + 1;
// }
// console.log(`FINAL - Target: ${target} | Guess: ${guess}`);
const nums = [12, 34, 56, 34, 78, 54, 23, 12, 10];
// 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 world') {
// console.log(char);
// }
// const matrix = [
// [1, 4, 7],
// [9, 7, 2],
// [9, 4, 6],
// ];
// let total = 0;
// for (let row of matrix) {
// for (let num of row) {
// total += num;
// }
// }
// console.log(total);
// 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 item of Object.keys(productPrices)) {
// console.log(item, productPrices[item]);
// }
for (let key in productPrices) {
console.log(key, productPrices[key]);
}
// function greet() {
// console.log('Hello World');
// console.log('Hello again');
// }
// greet();
// greet();
// greet();
// function flipCoin() {
// const num = Math.random();
// if (num > 0.5) {
// console.log('HEADS');
// } else {
// console.log('TAILS');
// }
// }
// flipCoin();
// flipCoin();
// function rollDie() {
// let roll = Math.floor(Math.random() * 6) + 1;
// console.log(`Rolled: ${roll}`);
// }
// function throwDice(times) {
// for (let i = 0; i < times; i++) {
// rollDie();
// }
// }
// throwDice(10);
// function greet() {
// // console.log(arguments[0]);
// console.log(`${arguments[1]}, ${arguments[0]}`);
// }
// // greet('John Doe', 'hi', 10, 20, 30);
// greet('Jane Smith', 'hello');
// const john = { firstName: 'John', lastName: 'Doe', age: 30 };
// console.log(john.age);
// console.log(john.firstName);
// console.log(john.lastName);
// console.log(john.profesion);
// function rollDie() {
// let roll = Math.floor(Math.random() * 6) + 1;
// console.log(`Rolled: ${roll}`);
// }
// function throwDice(times) {
// for (let i = 0; i < times; i++) {
// rollDie();
// }
// }
// throwDice(2);
function greet(message, name) {
return `${message}, ${name}`;
}
console.log(greet('Hello', 'John'));
// let result = greet('Hello', 'John');
// console.log('Value of result: ', result);
// let fullName = 'Jane Doe';
// function greet() {
// let fullName = 'John Roe';
// console.log(fullName);
// }
// function greet2() {
// let fullName = 'John Roe';
// console.log(fullName);
// }
// greet();
// console.log(fullName);
// let fullName = 'John Smith';
// if (true) {
// var fullName = 'Jane Doe';
// console.log(fullName);
// }
// console.log(fullName);
// for (var i = 0; i < 5; i++) {
// console.log(i);
// }
// console.log('Value of i: ', i);
// var fullName = 'John Doe';
// var fullName = 'Jane Smith';
// console.log(fullName);
// function hello() {
// var fullName = 'John';
// console.log(fullName);
// }
// hello();
// console.log(fullName);
// function outer() {
// function inner() {
// let fullName = 'John Doe';
// console.log(fullName);
// }
// inner();
// console.log(fullName);
// }
// outer();
// function hello() {
// console.log('Hello World');
// }
// let world = hello;
// world();
// function add(a, b) {
// return a + b;
// }
// function sub(a, b) {
// return a - b;
// }
// const math = [add, sub];
// console.log(math[0](10, 2));
// console.log(add(10, 2));
// console.log(sub(5, 2));
// const add = function (a, b) {
// return a + b;
// };
// console.log(add(10, 4));
// function math(a, b, fn) {
// return fn(a, b);
// }
// // function add(a, b) {
// // return a + b;
// // }
// // function sub(a, b) {
// // return a - b;
// // }
// console.log(
// math(10, 5, function (a, b) {
// return a + b;
// })
// );
// const math = [
// 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(math[2](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(10, 6));
// function math(a, b, fn) {
// return fn(a, b);
// }
// console.log(
// math(10, 5, function (a, b) {
// return a / b;
// })
// );
// // Example 2
// 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);
// // Example 3
// 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 square = raiseBy(2);
// const cube = raiseBy(3);
// console.log(cube(10));
// function isBetween(x, y) {
// return function (num) {
// return num >= x && num < y;
// };
// }
// const isUnderAge = isBetween(0, 18);
// console.log(isUnderAge(25));
// const isUnderAge = isBetween(0, 18);
// const canEnterButNotDrink = isBetween(18, 21);
// const canDrink = isBetween(21, 65);
// const isSenior = isBetween(65, 100);
// console.log(isUnderAge(5));
// console.log(canEnterButNotDrink(20));
// console.log(canDrink(30));
// console.log(isSenior(70));
// function math(a, b, fn) {
// return fn(a, b);
// }
// function add(a, b) {
// return a / b;
// }
// console.log(math(10, 5, add));
setInterval(function () {
console.log('Hello World');
}, 1000);
// hello();
// function hello() {
// console.log('Hello World');
// }
// console.log(hello);
// const hello = 'hello world';
// const nums = [1, 2, 32, 34, 23, 2, 3, 45];
// // for (let num of nums) {
// // console.log(num);
// // }
// nums.forEach(function (num) {
// if (num % 2 === 0) {
// console.log(num, 'Hello');
// }
// });
// 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 = names.map(function (name) {
// return name.toUpperCase();
// });
// // const upperNames = [];
// // for (let name of names) {
// // upperNames.push(name.toUpperCase());
// // }
// console.log(upperNames);
// 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 numsInfo = nums.map(function (num) {
// return { num: num, isEven: num % 2 === 0 };
// });
// console.log(numsInfo);
// const add = function (a, b) {
// return a + b;
// };
// const add = (a, b) => {
// return a + b;
// };
// // console.log(add(10, 4));
// const square1 = function (num) {
// return num * num;
// }
// const square = n => n * n;
// 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);
// let movies = ['The Terminator', 'The Avengers', 'Jurassic Park', 'Titanic']
// // const result = movies.find((movie) => movie.includes('Jur'));
// const result = movies.find((movie) => {
// return movie[0] == 'T';
// });
// 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
// }
// ]
// const result = books.filter((book) => book.rating >= 4.5)
// console.log(result);
// const nums = [9, 8, 3, 4, 6, 12, 17, 23, 0]
// const result = nums.filter((num) => num % 2 === 1);
// 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 => {
// const title = book.title.toLowerCase()
// return title.includes(query)
// })
// console.log(goodBook)
// console.log(georgeBooks)
// console.log(lowRated)
// console.log(booksWithThe)
// const names = ['jack', 'james', 'john', 'jane', 'josh', 'jrad'];
// // const result = names.every((name) => name[0] === 'j');
// // 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]
// const result = prices.sort((a, b) => a - b);
// 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
}
]
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 result = nums.reduce((acc, currVal) => {
// if (currVal > acc) {
// return currVal;
// }
// return acc;
// });
// console.log(result);
// acc currVal
// 21 221
// 221 2
// 221 1
// 221 34
// 221
// const nums = [1, 2, 3, 4, 5];
// const result = nums.reduce((acc, currVal) => acc + currVal, 100);
// console.log(result);
// function multiply(a, b) {
// if (typeof a === 'undefined') {
// a = 1;
// }
// if (typeof b === 'undefined') {
// b = 1;
// }
// return a * b;
// }
// function multiply(a = 1, b = 1) {
// return a * b;
// }
// console.log(multiply(3));
// function add(a, b) {
// return a + b;
// }
// const nums = [10, 4];
// console.log(add(...nums));
// const nums = [5, 10, 11, 2, 1];
// console.log(Math.max(...nums));
// function print(a, b, c) {
// console.log(a);
// console.log(b);
// console.log(c);
// }
// const names = ['john', 'jane', 'jack'];
// print(...'hello');
// function add(...nums) {
// const total = nums.reduce((acc, currVal) => acc + currVal);
// return total;
// }
// console.log(add());
// function printNames(name1, name2, ...others) {
// console.log(name1);
// console.log(name2);
// console.log(others);
// }
// printNames('john', 'jack', 'jane', 'jill', 'james');
// 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;
// console.log(admin, others);
// const user = {
// firstName: 'John',
// lastName: 'Doe',
// email: 'john.doe@gmail.com',
// phone: 99982234567,
// };
// const { firstName, lastName, ...others } = user;
// console.log(firstName, lastName, others);
// for (let i = 0; i < 100; i++) {
// console.log(i);
// }
// function loop(i) {
// if (i > 99) {
// return;
// } else {
// console.log(i);
// return loop(i + 1);
// }
// }
// loop(0);
// let a = 15;
// let b = "HELLO";
// console.log(b);
// console.log(
// (function (a, b) {
// return a + b;
// })(10, 4)
// );
// console.log(
// (function (num) {
// return function (x) {
// return x ** num;
// };
// })(2)(8)
// );
// const func = function (2) {
// return function (x) {
// return x ** 2;
// };
// };
// const result = function (x) {
// return x ** 2;
// };
// result(2);
function printProfile({ firstName, lastName, age }) {
console.log(
`Hello, my name is ${firstName} ${lastName} and I am ${age} years old.`
);
}
printProfile({ firstName: 'Jane', lastName: 'Doe', age: 20 });
// // function reverseString(str) {
// // // LOGIC
// // return; // RESULT
// // }
// // reverseString('hello'); // "olleh"
// // function capitalizeString(str) {
// // return '';
// // }
// // capitalizeString('hello world this is something');
// // // "Hello World This Is Something"
// // function isStringEmpty(str) {
// // return; // Boolean
// // }
// // isStringEmpty(''); // true
// // function isDigitsPresent(str) {
// // return; //
// // }
// // isDigitsPresent('hello wor4ld'); // true
// // function sortNumbers() {}
// // sortNumbers(1, 345, 23, 7, -43, 2, 35, 6, 23); // [-43, 1,2,6,7]
// // function findThreeLargest(...nums) {
// // return // array of three largest numbers
// // }
// // findThreeLargest([213,2,3,453,2,6,6,-32,235,2]) // [453, 235, 213]
// // function countVowels(str) {
// // }
// // countVowels("hello"); // 2
// "192.23.45.245" -> "255.255.255.255" -> "0.0.0.0"
// // function checkIfValidIpAddr(ip) {
// // return // boolean
// // }
// // checkIfValidIpAddr("400.23.34.56")
// function swapKV(obj) {
// return // obj
// }
// swapKV({firstName: "John", age: 20}) // {John: "firstName", 20: "age"}
// function isPalindrome(str) {
// return; // bolean
// }
// isPalindrome('kayak'); // true
function isPangram(str) {
return; // boolean
}
isPangram('The quick brown fox jump');
// rahul@rstforum.co.in
// 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 = 'jane';
// const role = 'admin';
// const info = { [role.toUpperCase()]: username };
// console.log(info);
// const addProp = (obj, k, v) => {
// return { ...obj, [k]: v };
// };
// console.log(addProp({ firstName: 'john' }, 'lastName', 'doe'));
// const math = {
// multiply(x, y) {
// return x * y;
// },
// divide(x, y) {
// return x / y;
// },
// square(x) {
// return x ** 2;
// },
// pi: 3.14,
// };
// console.log(math.square(10));
// console.log('Hello WOrld');
// function aaaaaaaaahello() {
// console.log(this);
// }
// console.log(window);
// const person = {
// firstName: 'john',
// lastName: 'doe',
// age: 20,
// greet() {
// console.log(this);
// },
// };
// greet();
// person.greet();
// console.log(global);
// global.hello = 'hello world';
// let aaaaaaaaahello = 'hello';
// function greet() {
// console.log(
// `Hello, my name is ${this.firstName} ${this.lastName} and I am ${this.age} years old.`
// );
// }
// const person1 = {
// firstName: 'john',
// lastName: 'doe',
// age: 20,
// greet,
// };
// const person2 = {
// firstName: 'jane',
// lastName: 'doe',
// age: 22,
// greet,
// };
// // greet();
// person1.greet();
// person2.greet();
// const person = {
// firstName: 'john',
// lastName: 'doe',
// age: 20,
// greet() {
// console.log(`Hello, I am ${this.firstName} ${this.lastName}`);
// console.log('Hello World');
// },
// };
// const hello = person.greet;
// person.greet();
// hello();
// const hellos = {
// messages: [
// 'hello world',
// 'hello universe',
// 'hello darkness',
// 'hello hello',
// 'heylo',
// ],
// pickMsg: function () {
// const index = Math.floor(Math.random() * this.messages.length);
// return this.messages[index];
// },
// // this -> window
// start() {
// setInterval(function () {
// console.log(this.pickMsg());
// }, 100);
// },
// };
// hellos.start();
const person = {
firstName: 'Jane',
lastName: 'Doe',
age: 20,
greet: function () {
console.log(
`Hello my name is ${this.firstName} ${this.lastName} and I am ${this.age} years old.`
);
},
};
person.greet();
// const title = document.getElementById('test');
// // console.dir(title);
// const lis = document.getElementsByTagName('li');
// console.log(lis);
// const ul = document.getElementsByTagName('ul');
// const firstUl = ul[0];
// const lis = firstUl.getElementsByClassName('hello');
// console.log(lis);
// const ul = document.querySelectorAll('.hello');
// console.dir(ul);
// const h1 = document.querySelector('h1');
// h1.innerText = 'this is something new';
// console.log(h1.innerText);
// console.log(document.body.innerText);
// const p = document.querySelector('p');
// console.log(p.textContent);
// const p = document.querySelector('p');
// p.innerHTML = 'Hello world, <strong>this is some</strong> sample content';
// p.innerHTML += 'hellooooo';
// const a = document.querySelector('a');
// a.href = 'https://yahoo.com';
// a.id = 'test';
// a.className = 'helloworld';
const a = document.querySelector('a');
console.log(a.href);
console.log(a.getAttribute('href'));
console.log(a.id);
console.log(a.getAttribute('id'));
a.href = 'https://yahoo.com';
a.setAttribute('href', 'https://duckduckgo.com');
DOM
// const title = document.getElementById('test');
// // console.dir(title);
// const lis = document.getElementsByTagName('li');
// console.log(lis);
// const ul = document.getElementsByTagName('ul');
// const firstUl = ul[0];
// const lis = firstUl.getElementsByClassName('hello');
// console.log(lis);
// const ul = document.querySelectorAll('.hello');
// console.dir(ul);
// const h1 = document.querySelector('h1');
// h1.innerText = 'this is something new';
// console.log(h1.innerText);
// console.log(document.body.innerText);
// const p = document.querySelector('p');
// console.log(p.textContent);
// const p = document.querySelector('p');
// p.innerHTML = 'Hello world, <strong>this is some</strong> sample content';
// p.innerHTML += 'hellooooo';
// const a = document.querySelector('a');
// a.href = 'https://yahoo.com';
// a.id = 'test';
// a.className = 'helloworld';
const a = document.querySelector('a');
console.log(a.href);
console.log(a.getAttribute('href'));
console.log(a.id);
console.log(a.getAttribute('id'));
a.href = 'https://yahoo.com';
a.setAttribute('href', 'https://duckduckgo.com');
// const ul = document.querySelector('ul');
// // console.log(li.parentElement.parentElement.parentElement);
// console.log(ul.children);
// const lis = document.querySelectorAll('li');
// for (let li of lis) {
// setInterval(() => {
// li.innerText = Math.random();
// }, 5);
// }
// const li = document.querySelector('li');
// li.style.backgroundColor = 'red';
// li.style.color = 'white';
// li.style.fontSize = '30px';
const colors = [
'red',
'green',
'blue',
'orange',
'maroon',
'yellow',
'purple',
'pink',
'grey',
'amber',
'aqua',
'peach',
];
// const lis = document.querySelectorAll('li');
// for (let li of lis) {
// setInterval(() => {
// li.innerText = Math.random();
// const randomNum1 = Math.floor(Math.random() * colors.length);
// const randomNum2 = Math.floor(Math.random() * colors.length);
// const randomNum3 = Math.floor(Math.random() * colors.length);
// li.style.color = colors[randomNum1];
// li.style.backgroundColor = colors[randomNum2];
// document.body.style.backgroundColor = colors[randomNum3];
// }, 100);
// }
// const li = document.querySelector('li');
// // li.className = 'todo done';
// // console.log(li.classList);
// li.classList.add('done');
// li.classList.remove('todo');
// li.classList.toggle('done');
// const root = document.querySelector('#root');
// const h1 = document.createElement('h1'); // <h1></h1>
// h1.innerText = 'This is some sample text';
// h1.style.fontSize = '50px';
// h1.style.textDecoration = 'underline';
// h1.style.color = 'blue';
// h1.id = 'title';
// const section = document.createElement('section');
// section.appendChild(h1);
// root.appendChild(section);
// const ul = document.querySelector('ul');
// const li = document.querySelectorAll('li')[1];
// const newListItem = document.createElement('li');
// newListItem.innerText = 'Hello World';
// newListItem.style.color = 'red';
// ul.insertBefore(newListItem, li);
// // ul.appendChild(newListItem)
// const b = document.createElement('b');
// b.innerText = 'HELLO WORLD';
// const i = document.createElement('i');
// i.innerText = 'HELLO WORLD';
// const p = document.querySelector('p');
// // p.insertAdjacentElement('afterend', b);
// // p.prepend(b, i);
// p.remove();
// const btn = document.querySelector('button');
// btn.onclick = function () {
// console.log('Hello World');
// };
// btn.onclick = function () {
// console.log('Goodbye World');
// };
// const btn = document.querySelector('button');
// btn.addEventListener('click', function () {
// console.log('Hello World');
// const random = Math.floor(Math.random() * colors.length);
// document.body.style.backgroundColor = colors[random];
// });
// btn.addEventListener('mousedown', function () {
// console.log('Goodbye World');
// });
// window.addEventListener('scroll', function () {
// console.log(Math.random());
// });
const btn = document.querySelector('button');
btn.style.position = 'relative';
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 WIN!';
document.body.style.backgroundColor = 'green';
});
// const form = document.querySelector('form');
// const ul = document.querySelector('ul');
// form.addEventListener('submit', function (event) {
// event.preventDefault();
// const li = document.createElement('li');
// li.innerText = event.target[0].value;
// li.addEventListener('click', function () {
// li.classList.toggle('done');
// });
// const btn = document.createElement('button');
// btn.innerText = 'Delete';
// btn.style.marginLeft = '30px';
// btn.addEventListener('click', function () {
// li.remove();
// });
// li.append(btn);
// ul.append(li);
// event.target[0].value = '';
// });
// function multiply(x, y) {
// return x * y;
// }
// function square(x) {
// return multiply(x, x);
// }
// function rightTriangle(x, y, z) {
// return square(x) + square(y) === square(z);
// }
// rightTriangle(1, 2, 3);
// console.log('The first log');
// alert('Hello World');
// console.log('The second log');
console.log('The first log');
setTimeout(function () {
console.log('Hello World');
}, 5000);
console.log('The second log');
Scratchpad #13 14 15
// const form = document.querySelector('form');
// const ul = document.querySelector('ul');
// form.addEventListener('submit', function (event) {
// event.preventDefault();
// const li = document.createElement('li');
// li.innerText = event.target[0].value;
// li.addEventListener('click', function () {
// li.classList.toggle('done');
// });
// const btn = document.createElement('button');
// btn.innerText = 'Delete';
// btn.style.marginLeft = '30px';
// btn.addEventListener('click', function () {
// li.remove();
// });
// li.append(btn);
// ul.append(li);
// event.target[0].value = '';
// });
// function multiply(x, y) {
// return x * y;
// }
// function square(x) {
// return multiply(x, x);
// }
// function rightTriangle(x, y, z) {
// return square(x) + square(y) === square(z);
// }
// rightTriangle(1, 2, 3);
// console.log('The first log');
// alert('Hello World');
// console.log('The second log');
console.log('The first log');
setTimeout(function () {
console.log('Hello World');
}, 5000);
console.log('The second 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 num = Math.random();
// if (num > 0.5) {
// resolve();
// } else {
// reject();
// }
// });
// console.log(willGetAPlayStation);
// willGetAPlayStation
// .then(() => {
// console.log('Thank you uncle');
// })
// .catch(() => {
// console.log('#@$@#$#@ uncle');
// });
// function makePlayStationPromise() {
// return new Promise((resolve, reject) => {
// setTimeout(() => {
// const rand = Math.random();
// if (rand < 0.5) {
// resolve();
// } else {
// reject();
// }
// }, 3000);
// });
// }
// makePlayStationPromise()
// .then(() => {
// console.log('I got a playstation!');
// })
// .catch(() => {
// console.log("$@#$% I didn't get anything!");
// });
function 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',
'/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((response) => {
// const userId = response.data[0].id;
// fakeRequest(`/users/${userId}`)
// .then((response) => {
// const postId = response.data.topPostId;
// fakeRequest(`/posts/${postId}`)
// .then((response) => {
// console.log(response);
// })
// .catch((error) => {
// console.log(error);
// });
// })
// .catch((error) => {
// console.log(error);
// });
// })
// .catch((error) => {
// console.log(error);
// });
// fakeRequest('/users')
// .then((response) => {
// const userId = response.data[0].id;
// return fakeRequest(`/users/${userId}`);
// })
// .then((response) => {
// const postId = response.data.topPostId;
// return fakeRequest(`/posts/${postId}`);
// })
// .then((response) => {
// console.log(response);
// })
// .catch((error) => {
// console.log(error);
// });
/**
* @description Function that adds two numbers
* @param {number} a
* @param {number} b
* @returns {number}
*/
function add1(a, b) {
return a + b;
}
console.log(add1(undefined, false));
// fetch('https://pokeapi.co/api/v2/pokemon')
// .then((response) => {
// return response.json();
// })
// .then((data) => {
// console.log(data);
// })
// .catch((error) => {
// console.log(error);
// });
// fetch('https://pokeapi.co/api/v2/pokemon')
// .then((response) => {
// console.log('IN THE SUCCESS/THEN BLOCK');
// if (!response.ok) {
// throw new Error();
// }
// return response.json();
// })
// .then((data) => {
// console.log(data);
// })
// .catch((error) => {
// console.log('IN THE ERROR BLOCK');
// console.log(error);
// });
const root = document.querySelector('#root');
root.style.display = 'grid';
root.style.gridTemplateColumns = '1fr 1fr 1fr 1fr 1fr';
root.style.gap = '30px';
axios
.get('https://pokeapi.co/api/v2/pokemon?limit=100000')
.then((response) => {
const pokemons = response.data.results;
for (let pokemon of pokemons) {
axios.get(pokemon.url).then((res) => {
const div = document.createElement('div');
div.style.display = 'flex';
div.style.flexDirection = 'column';
div.style.alignItems = 'center';
const h4 = document.createElement('h4');
h4.innerText = res.data.name;
h4.style.textTransform = 'capitalize';
h4.style.fontSize = '30px';
const img = document.createElement('img');
img.src = res.data.sprites.other['official-artwork'].front_default;
img.style.width = '100%';
div.append(img, h4);
root.append(div);
});
}
})
.catch((error) => {
console.log('In the error block');
console.log(error);
});