playground.js

// console.log('hello world')
// console.log('Rafeh Qazi')

// // variables (var, const, let)
// let name = 'Peter Pan'
// console.log(name)

// let sentence = 'how are you doing today, nice to see you, hope you have a great day!'

// operators
// fruit = prompt('what is your favorite fruit?')

// console.log(fruit)

// * / ** + -

// food = Number(prompt('how much was the food?'))
// tipPercentage = Number(prompt('tip %?')) / 100
// tipAmount = food * tipPercentage
// total = food + tipAmount

// console.log('tip amount', tipAmount)
// console.log('total', total)
// alert(tipAmount)

// user input

/* data types (strings, numbers)
numbers 👉 1, 5, 10, 100, 2.5
strings 👉 'hello', "what is up"
arrays 👉 []
objects 👉 {}
boolean 👉 true / false (banks)
*/

/* Math Operators
Multiply *
Divide /
Exponents **
Modulo/Remainder %  5%2 = 1
Add +
Subtract -
*/

/* Math Methods
Floor - Rounds down
Ceil - Rounds up
Random - gives you number between 0 and 1
*/

// Baby weather app (conditionals)
// if rain 👉 'Grab your umbrella ☔'
// else 👉 'Wear your sunglasses 😎'
// let weather = prompt('How is the weather?')

// if (weather == 'rainy') {
//   console.log('Grab your umbrella ☔')
// } else {
//   console.log('Wear your sunglasses 😎')
// }

// conditional operators
// ==, ===, >, <, <=, >=, !=, !==

// Functions
// this is a function called 'sayMyName'
// and it has 0 arguments
// does: it logs out your name to the console
function sayMyName() {
	console.log("Qazi");
}

// sayMyName()

// this is a function called "sayMyName2"
// it has 1 argument called `name`
// does: it logs out your name to console
function sayMyName2(name) {
	console.log(name);
}

// sayMyName2('Kevin')

function greeting(name) {
	// greet = 'hi ' + name + ', Nice to meet you!'
	// template literals ``
	greet = `hi ${name}, Nice to meet you!`;
	console.log(greet);
}

// greeting('Johnny Depp')

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

// num1 = sum(1, 2)
// console.log(num1)

function calculateFoodTotal(food, tip) {
	const tipPercentage = tip / 100;
	const tipAmount = food * tipPercentage;
	const total = sum(food, tipAmount);
	return total;
}

// console.log(calculateFoodTotal(300, 20))

// ES6
// Arrow Functions =>
// arrow function with explicit return
const sumArrow = (a, b) => {
	return a + b;
};

// arrow function with implicit return
// IMPORTANT: For implicit return, remove curly braces
const sumArrow2 = (a, b) => a + b;

// console.log(sumArrow2(10, 50))

// Arrays
// const groceries = ['🍌', '🍎', '🍊', '🍐']
// console.log(groceries)

// grab the 2nd index
// console.log(groceries[2])

// Array methods
// groceries.push('🍪')
// console.log(groceries)

// groceries.push('🫐')
// console.log(groceries)

// Array Slice
// start from 0 INCLUSIVE and UP to 6 [0, 1, 2, 3, 4, 5]
// console.log(groceries.slice(0, 6))

// console.log(groceries.slice(1, 4))
// array methods (slice, push, indexOf, length)
// console.log(groceries.indexOf('🍐'))
// console.log(groceries.length)

// OBJECTS {}
// key: value pairs
// const person = {
//   name: 'Leonardo',
//   shirt: 'white'
// }

// access object: dot notation vs. bracket notation
// console.log(person.name)
// console.log(person.shirt)

// // bracket notation
// console.log(person['name'])
// console.log(person['shirt'])

// // assign object
// person['phone'] = '1-222-333-4444'
// console.log(person.phone)

// console.log(person)

// person2
// const person2 = {
//   name: 'Qazi',
//   shirt: 'black'
// }

// console.log(person2)
// console.log(person2.name)
// console.log(person2.shirt)

// es6 arrow function (2 arguments)
// object
// template literals
// methods Math.floor()
// const introducer = (name, shirt) => {
//   const person = {
//     name: name,
//     shirt: shirt,
//     assets: 100000,
//     liabilities: 50000,
//     netWorth: function() {
//       return this.assets - this.liabilities
//     }
//   }

//   const intro = `Hi, my name is ${person.name} and the color of my shirt is ${person.shirt} and my net worth is $${person.netWorth()} USD`

//   return intro
// }

// console.log(introducer('Qazi', 'black'))
// console.log(introducer('Leonardo', 'white'))

// let fruits = [
// 	"🍌",
// 	"🍎",
// 	"🍊",
// 	"🍐",
// 	"🍌",
// 	"🍎",
// 	"🍊",
// 	"🍐",
// 	"🍌",
// 	"🍎",
// 	"🍊",
// 	"🍐",
// 	"🍌",
// 	"🍎",
// 	"🍊",
// 	"🍐",
// 	"🍌",
// 	"🍎",
// 	"🍊",
// 	"🍐",
// ];

// console.log(fruits[0])
// console.log(fruits[1])
// console.log(fruits[2])
// console.log(fruits[3])

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

// for (const fruit of fruits) {
//   console.log(fruit)
// }

// const numbers = [1, 2, 3, 4, 5, 6];
// // for (let i=0; i < numbers.length; i++) {
// //   console.log(numbers[i])
// // }

// const double = (numbers) => {
// 	let result = [];
// 	for (const number of numbers) {
// 		result.push(number * 2);
// 	}

// 	return result;
// };

// console.log(double([1, 2, 3, 4, 5, 6]))

// [2, 4, 6, 8, 10, 12]

// const howManyLetters = (phrase) => {
// 	// counter
// 	let result = 0;

// 	for (const index in phrase) {
// 		console.log(Number(index) + 1);
// 		result = Number(index) + 1;
// 	}

// 	return { result };
// };

// const phrase = prompt('write your phrase')

// console.log(howManyLetters(phrase))

// [1, 2, 3, 4] // 10
// result = 0
// result = 1
// result = 3
// result = 6
// result = 10

// const sumArray = (numbers) => {
// 	let result = 0;
// 	// for loop
// 	for (const number of numbers) {
// 		console.log(number);
// 		result += number;
// 	}
// 	return { result };
// };

//// const nums = [1, 2, 3, 4, 5]
//// console.log(sumArray(nums))
// sum up all numbers in array

// const max = (numbers) => {
// 	let result = numbers[0];

// 	// loop
// 	for (const number of numbers) {
// 		if (number > result) {
// 			result = number;
// 		}
// 	}

// 	return { result };
// };

//  console.log(max([1, 2, 3, 4, 5]))

// const letterFrequency = (phrase) => {
// letterFrequency('haha') 👉 {'h': 2, 'a': 2}
// 	console.log(phrase);
// 	// make a `frequency` object {}
// 	let frequency = {};
// 	for (const letter of phrase) {
// 		// check if letter exists in frequency
// 		if (letter in frequency) {
// 			// increment the value by +1
// 			frequency[letter] += 1;
// 			// otherwise, set the value to 1
// 		} else {
// 			frequency[letter] = 1;
// 		}
// 	}
// 	return frequency;
// };

// console.log(letterFrequency('lol, what are you doing later tonight lol, haha!'))

// wordFrequency('lol what lol') 👉 {'lol': 2, 'what': 1}
// const wordFrequency = (phrase) => {
// 	const words = phrase.split(" ");
// 	return letterFrequency(words);
// };

// const userInput = prompt('Write your sentence')
// console.log(wordFrequency(userInput))
// incremental operators
// ++, --, +=

// higher order functions
// map - loops and returns an array
// filter - loops and returns an array with matching conditions
// reduce

// MAP
// const doubleMap = (numbers) => {
// 	return numbers.map((number) => number * 2);
// };

// console.log(doubleMap([1, 2, 3]))

// filter([1,2,3,4,5,6], 3) 👉 [4, 5, 6]
// const filter = (numbers, greaterThan) => {
// 	let result = [];
// 	for (const number of numbers) {
// 		if (number > greaterThan) {
// 			result.push(number);
// 		}
// 	}
// 	return result;
// };

// console.log(filter([1, 2, 3, 4, 5, 6], 2))
//// const nums = [1, 2, 3, 4, 5, 6]
//// console.log(nums.filter(num => num > 4 || num < 2))

// const actors = [
// 	{ name: "johnny", netWorth: 2000000 },
// 	{ name: "amber", netWorth: 10 },
// 	{ name: "matt", netWorth: 170000000 },
// 	{ name: "brad", netWorth: 300000000 },
// 	{ name: "leonardo", netWorth: 10000000 },
// ];

// let result = actors.filter(actor => actor.netWorth > 10)
// console.log(result)
// let names = result.map(actor => actor.name).join(', ')
// console.log(actors.reduce((prev, curr) => prev + curr.netWorth, 0))

// playground.innerHTML = `<h1>${names}</h1>`

//// const nums = [1, 2, 3, 4]
//// const result = nums.reduce((a, b) => a + b, 0)

// console.log(result)

// select a random element from an array
// randomFruit([1, 2]) 👉 2
// randomFruit([1, 2]) 👉 1
//// const randomFruit = (fruits) => {
//// 	const randomNumber = Math.floor(Math.random() * fruits.length);

//// 	console.log(randomNumber);

// //	return fruits[randomNumber];
// };

// fruits = ['🍌', '🍎', '🍊', '🍐']
// console.log(randomFruit(fruits))

// if else if else
// rainy (1), sunny (-1), overcast (0)
// const weatherScorer = (weather, weather2) => {
// 	let score;

// 	if (weather == "rainy" && weather2 == "overcast") {
// 		score = 2;
// 	} else if (weather == "rainy") {
// 		score = 1;
// 	} else if (weather == "sunny") {
// 		score = -1;
// 	} else {
// 		score = 0;
// 	}

// 	return score;
// };

// console.log(weatherScorer('rainy', 'sunny'))

// DOG API
// https://dog.ceo/api/breeds/image/random