basics.js

// Commented out to avoid cluttering the console

// Console log
console.log("Binge JavaScript...\nThe output is: ");

// variables
let name = "Raihan";
let age = 26;

// console.log(name, age);

// sentences
sentence1 = "Hello World, I am " + name + " and I am " + age + " years old.";
// console.log(sentence1);

// operators
const prompt = require("prompt-sync")();

// wrap in number to avoid typecasting
let food = Number(('How much was the food: '));
let tipPercent = Number(('What is the tip percentage: ')) / 100;
tipAmount = food * tipPercent;
total = food + tipAmount

// console.log("The tip amount is $" + tipAmount);
// console.log("The total is $" + total);

// data types
// Ctrl + I for emoji 

// Time: 24:18


// console out random number with Math.random() and Math.floor()
let GenRandomNum = (Math.floor(Math.random() * 10));
//console.log(GenRandomNum);

// var - variable - can change (not recommended)
// const - constant (cannot be changed)
// let - let (value can be changed)

// weather app (conditional)
// if rain "Grab an umbrella ☂" else "Wear a sunglasses 🕶" 
// conditional operator (if, else if, else)
// ==, ===, !=, !==, >, <, >=, <=

// let weather = prompt("How is it outside: ")
// if (weather == "rain") {
//     console.log("Grab an umbrella ☂");
// } else {
//     console.log("Wear a sunglasses 🕶");
// }

// 40:00

// functions - reusable code
function AskName() {
    let name = prompt("What is your name: ");
    console.log("Hello " + name);
}
// calling the function
// AskName()

// dynamic function
function AskNameInc(name) {
    console.log("Hello " + name);
}
// AskNameInc("Raihan");

// template literals - backtick (`)
function StartFunc(name){
    greet = `Hello ${name}`;
    console.log(greet);
}
// StartFunc("Testing")

// return - return a value from a function
function Addition(num1, num2){
    return num1 + num2
       
}
Add1 = Addition(1, 2)
// console.log(Add1)

// tip calculator with function
function TipCalc(food, tip){
    const tipPercent = Number(tip / 100)
    const tipAmount = food * tipPercent
    const total = Addition(food, tipAmount)
    return total
}

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

// ES6 - arrow functions
// () => {}
// sum with arrow function and implicit return
const sumArrow = (a, b) => a + b
// console.log(sumArrow(1, 2));

// Completed Function exercise (01:11:40)

// Arrays
const fruits = ["🍞", "🍎", "🍌", "🍐", "🍒", "🍑", "🍍"]
// 2nd index
// console.log(fruits[1]);

// array push
fruits.push("🍓")
// console.log(fruits)

// array splice
// console.log(fruits.slice(0, 2))
// console.log(fruits.slice(2, 5))
// console.log(fruits.slice(1, 4))
// console.log(fruits.slice(3, 5))

// array indexOf
// console.log(fruits.indexOf("🍐"))

// array length
// console.log(fruits.length)

// objects{}
// key: value pairs
const person1 = {
    name1: "Raihan",
    age1: 26,
    favoriteFood1: "Apple",
    favoriteColor1: "Yello"
}

// console.log(person.name1, person.age1, person.favoriteFood1, person.favoriteColor1)

// dot notation
// console.log(person.name1)

// bracket notation
// console.log(person["favoriteFood1"])

// assign object
person1['phone1'] = "123-456-7890"
// console.log(person.phone1)

const person2 = {
    name2: 'Qazi',
    shirt2: 'black'
}

person2['YT2'] = 'Clever Programmer'
// console.log(person2['YT2'])

// ES5 arrow function with arg, object and template literals and methods (this)
const introduction = (name, shirt, age, phone) => {
    const personN = {
        name: name,
        shirt: shirt,
        age: age,
        phone: phone,
        assets: 100000,
        liabilities: 50000,
        netWorth: function() {
            return this.assets - this.liabilities
        }
    }
    const intro = `Hi, my name is ${personN.name} and my the color of my shirt is ${personN.shirt}. \nI am ${personN.age} years old and my phone number is ${personN.phone}.\nMy networth is $${personN.netWorth()} USD`
    return intro

}
// console.log(introduction("Raihan", "black"))
// console.log(introduction("Qazi", "white", "26", "123-456-7890"))

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

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

const doubleF = (num3) => {
    let doubled = []
    // let squared = []
    for (const num of num3){
        doubled.push(num * 2)
        // squared.push(num ** 2)
    }
    return doubled
    // return squared
}
// console.log(doubleF([1, 3, 6, 9, 12, 15]))

// letter counter 
const letterCounter = (phrase) => {
    let result = 0;
    // for in and of
    for(const index in phrase){
        console.log(Number(index) + 1)
        result = Number(index) + 1
    }
    return { result }
    // return { result: phrase.length }
}
// const phrase = 'How many letters in this phrase?'
// const phrase = prompt("Enter a phrase: ")
// console.log(letterCounter(phrase))

// add numbers in array
const addArray = (AR) => {
    // increment the result
    let sumres = 0;
    for (const sr in AR){
        sumres += AR[sr]
    }
    return { sumres }
}

// get the max number in array
const max = (num4) => {
    let res4 = num4[0]
    for (const num of num4){
        if (num > res4){
            res4 = num
        }
    }
    return { res4 }
}
// console.log(max([1, 3, 6, 9, 12, 15]))

// calculate frequency of letters in a phrase
const letterFreq = (phrase) => {
    let result = {}
    for (const letter of phrase){
        if (letter in result){
            result[letter]++
        } else {
            result[letter] = 1
        }
    }
    return { result }
}

// const phrase = prompt("Enter a phrase: ")
// console.log(letterFreq('This is another test'))

// word frequency in a phrase
const wordFreq = (phrase) => {
    const word = phrase.split(' ')

    // calling similarly coded function with word
    return letterFreq(word)

    // hard coded
    // let result = {}
    // for (const word of phrase.split(' ')){
    //     if (word in result){
    //         result[word]++
    //     } else {
    //         result[word] = 1
    //     }
    // }
    // return { word:result }
}
// const phrase = prompt("Enter a phrase: ")
// console.log(wordFreq(phrase))

// higher order functions - function that takes a function as an argument

// map - loops and returns a new array implicit return 
let num5 = [1, 2, 3, 4, 5].map(Number => Number * 2)
//     console.log(num5)

const doubleMap = (num6) => {
    return num6.map(Number => Number * 2)
}
// console.log(doubleMap([1, 2, 3, 4, 5]))

// filter - loops and returns an array with matching conditions
// filter function
const filterF = (Fnum, FGT) => {
    let Fresult = []
    for (const num of Fnum){
        if (num > FGT){
            Fresult.push(num)
        }
    }
    return Fresult
}
//console.log(filterF([1, 2, 3, 4, 5], 2))

// greater than 3 using filter method
const greaterThan3 = (num7) => {
    return num7.filter(Number => Number > 3)
}
// console.log(greaterThan3([1, 2, 3, 4, 5]))
// && - and
// const AND = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
// console.log(AND.filter(AND => AND > 3 && AND < 7))

// || - or
// const OR = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
// console.log(OR.filter(OR => OR > 10 || OR < 7))


// show richest actors
const actors = [
    {name: 'Tom Cruise', age: 56, netWorth: 1500000},
    {name: 'Robert De Niro', age: 25, netWorth: 2500000},
    {name: 'Al Pacino', age: 66, netWorth: 3000000},
    {name: 'Marlon Brando', age: 75, netWorth: 4000000},
    {name: 'Jack Nicholson', age: 45, netWorth: 50000},
    {name: 'Daniel Day-Lewis', age: 60, netWorth: 6000000},
    {name: 'Dustin Hoffman', age: 79, netWorth: 7000000},
]
let AR = actors.filter(actor => actor.netWorth > 3000000)
// console.log(AR)
let AA = AR.map(actor => actor.name).join(', ')
// console.log(AA)
// playground.innerHTML += `<h1>${AR[1].name}</h1>`

// reduce - loops and returns a accumulator

// summing an array of numbers with reduce
const Rsum = (a, b) => a + b
const Rmul = (a, b) => a * b

const rNum = [1, 2, 3, 4]
const RN = rNum.reduce(Rsum) // called in the function from above
const RM = rNum.reduce(Rmul) // called in the function from above
// console.log(RN)
// console.log(RM)

// DOM manipulation 
// GO to Exercices to see DOM.js (https://replit.com/@raihanrms/DOM-Manupilation)

// small exercise for rock paper scissors
// select random element from array
const randomFruits = (Flist) => {
    const randomGen = Math.floor(Math.random() * Flist.length)
    console.log(randomGen)
    return Flist[randomGen]
}

const Flist = ['🍎', '🍊', '🍋', '🍌', '🍉', '🍇', '🍓', '🍒', '🍑', '🍍']
// console.log(randomFruits(Flist))

// conditional statements
// navigate to BingeJS > Exercises > weatherScore.js

// SuperHero API is not working...