Forem: hex-paradus

Section 02: JavaScript Fundamentals

hex-paradus — Mon, 09 Aug 2021 22:32:33 +0000

'Use Strict'
/*

//Assingment1
//Function basics
function describeCountry(country, population, capitalCity) {
return ${country} has ${population} million people and its capital city is ${capitalCity}
}
console.log(describeCountry('Bangladesh', 200, 'Dhaka'));
console.log(describeCountry('Pakistan', 240, 'Islamabad'));
console.log(describeCountry('India', 1000, 'Delhi'));;

//Assingment2
//Function expression
const percentageOfWorld1 = function (population) {
return (population / 7900) * 100
}
const bangladesh1 = percentageOfWorld1(200);
const india1 = percentageOfWorld1(1200)
const USA1 = percentageOfWorld1(360)
console.log(bangladesh1, india1, USA1);
//Function declaration
//can call function before creating it
const bangladesh2 = percentageOfWorld2(200);
const india2 = percentageOfWorld2(1200)
const USA2 = percentageOfWorld2(360)
function percentageOfWorld2(population) {
return (population / 7900) * 100
}
console.log(bangladesh2, india2, USA2)
//Assingment3
//Arrow Functions
const percentageOfWorld3 = population => (population / 7900) * 100//Use for one line operations as this one
const bangladesh3 = percentageOfWorld3(200);
const india3 = percentageOfWorld3(1200)
const USA3 = percentageOfWorld3(360)
console.log(bangladesh3, india3, USA3)
//Assingment4
//FunctionsCallingFunctions
const describePopulation = function (country, population) {
return ${country} has ${population} million people, which is about ${percentageOfWorld1(200)} of the world
}
console.log(describePopulation("bangladesh", 200))
//Assingment5
//IntroductionToArrays
//Lists in python =>>> Array in JavaScript
const populations = new Array(200, 1200, 370, 1440)//Method 1 of creating an array in JS
console.log(populations.length === 4);
const percentages = [bangladesh1, india1, USA1, percentageOfWorld1(populations[populations.length - 1])]//Method 2(OG method) of creating arrays
console.log(percentages)

//Assingment5
//BasicArrayOperations
const neighbours = new Array("India", "Myanmar", "Sri-Lanka");
neighbours.push("Utopia");//Add to end
console.log(neighbours)
neighbours.pop();//Remove from end
console.log(neighbours)
if (!neighbours.includes("Germany")) {
console.log("Probably not a central European country :D.")
}
neighbours[neighbours.indexOf("India")] = 'Republic of India';//array[index]=replaceValue
console.log(neighbours)

//Assingment6
//IntroductionToArrays
//Dictionaries in Python =>>> Objects in JavaScript

//Assingment7
//ObjectMethods
const neighbours = new Array("India", "Myanmar", "Sri-Lanka");
const myCountry = {
country: 'Bangladesh',
captital: 'Dhaka',
language: 'Bengali',
population: 200,
neighbours: neighbours,
describe: function () {
return console.log(${this.country} has ${this.population} million ${this.language} speaking people, ${this.neighbours.length} neighbouring countries and a capital called ${this.captital}.)

},
checkIsIsland: function () {
// this.isIsland = this.neighbours.length === 0 ? true : false
this.isIsland = !Boolean(this.neighbours.length)
}
}
console.log(myCountry);
myCountry.describe();
myCountry.checkIsIsland();
console.log(myCountry);

//Assingnment8
//ForLoop
for (let voterNo = 1; voterNo <= 50; voterNo++) {
console.log(Voter number ${voterNo} is currently voting.)
}

//Assingment9
//LoopingArrays+Break&Continue
const populations = new Array(200, 1200, 370, 1440)
const percentages = []

const percentageOfWorld1 = function (population) {
return (population / 7900) * 100
}

for (let i = 0; i < populations.length; i++) {
// percentages.push(populations[i] / 79)
percentages.push(percentageOfWorld1(populations[i]))//I had issues figuring this out.To make it simple, create the function outside the loop.Then call the function inisde it.
}
console.log(percentages)

//Assingment10
//loopsInLoops
//Failed to do this one :(
const listOfneighbours = [[Canada, Mexico], ['Spain'], ['Norway', 'Sweden', 'Russia']];
for (let i = 0; i < listOfneighbours.length; i++) {
for (let j = 0; j < listOfneighbours[i].length; j++)
console.log(Neighbour: ${listOfneighbours[i][j]})
}

/
"Use Strict";
/
//CodingChallenge1
//Functions
const dolphinsScore1 = 85;
const dolphinsScore2 = 54;
const dolphinsScore3 = 41;
const koalasScore1 = 23;
const koalasScore2 = 34;
const koalasScore3 = 27;

const calcAverage = (score1, score2, score3) => (score1 + score2 + score3) / 3;

const checkWinner = function () {
const avgDolphins = calcAverage(dolphinsScore1, dolphinsScore2, dolphinsScore3)
const avgKoalas = calcAverage(koalasScore1, koalasScore2, koalasScore3)
if (avgDolphins >= (2 * avgKoalas)) {
return Dolphins win (${avgDolphins} vs ${avgKoalas})
} else if (avgKoalas >= (2 * avgDolphins)) {
return Koalas win (${avgKoalas} vs ${avgDolphins})
} else {
return No winners.

}
}
const winner = checkWinner();
console.log(winner)
console.log(calcAverage(koalasScore1, koalasScore2, koalasScore3))
console.log(calcAverage(dolphinsScore1, dolphinsScore2, dolphinsScore3))

//CodingChallenge2
//Arrays
const calcTip = function (bill) {
const tip = 50 < bill && bill < 300 ? (.15 * bill) : (.20 * bill)
return tip
}
console.log(calcTip(100))
const bills = [125, 555, 44]
const tips = [calcTip(bills[0]), calcTip(bills[1]), calcTip(bills[2])]
console.log(tips)
const total = [bills[0] + tips[0], bills[1] + tips[1], bills[2] + tips[2]]
console.log(total)

//CodingChallenge3
//Objects
const markInfo = {
fullName: 'Mark Miller',
mass: 78,
height: 1.69,
calcBMI: function () {
this.bmi = (this.mass) / (this.height ** 2)
return this.bmi
}
}
const johnInfo = {
fullName: 'John Smith',
mass: 92,
height: 1.95,
calcBMI: function () {
this.bmi = (this.mass) / (this.height ** 2)
return this.bmi
}
}
// console.log(markInfo, johnInfo)
// markBMI = markInfo.calcBMI()
// johnBMI = johnInfo.calcBMI()
// console.log(markInfo, johnInfo)
if (markInfo.calcBMI() > johnInfo.calcBMI()) { //We could have also used markInfo.bmi and johnInfo.bmi instead of calling the method in the if else statements.
console.log(Marks's BMI (${markInfo.calcBMI()}) is higher than John's (${johnInfo.calcBMI()})))
} else {
console.log(John's BMI (${johnInfo.calcBMI()}) is higher than Marks's (${markInfo.calcBMI()})))
}
*/
//CodingChallenge4
const bills = [22, 295, 176, 440, 37, 105, 10, 1100, 86, 52];
const tips = [];
const totals = [];

const calcTip = function (bill) {
const tip = 50 < bill && bill < 300 ? (.15 * bill) : (.20 * bill)
return tip
}

for (i = 0; i < bills.length; i++) {
const tip = calcTip(bills[i])
tips.push(tip)
totals.push((tip) + bills[i])
}
console.log(tips, totals)

const calcAverage = function (arr) {
let sum = 0
for (let i = 0; i < arr.length; i++) {
sum = sum + arr[i]
}
return Average is ${sum / arr.length}
}
console.log(calcAverage(totals));

// Remember, we're gonna use strict mode in all scripts now!
'use strict';
//CodingChallenge1
//Developer skills
//Steps:
//1)Create the array
//2)form the string using loop and counter
//3)log it to the console
const printForecast= function(arr){
let str=""
for (let i=0;i<arr.length;i++){
str=str+...${arr[i]} degree Celcius in ${i+1} days
}
return str=str+"..."
}
console.log(printForecast([12,5,-5,0,4]));

Section 01: JavaScript Fundamentals

hex-paradus — Sun, 08 Aug 2021 04:10:12 +0000

<!DOCTYPE html>

JavaScript Fundamentals – Part 1
<br> body {<br> height: 100vh;<br> display: flex;<br> align-items: center;<br> background: linear-gradient(to top left, #28b487, #7dd56f);<br> }</p> <div class="highlight"><pre class="highlight plaintext"><code>h1 { font-family: sans-serif; font-size: 50px; line-height: 1.3; width: 100%; padding: 30px; text-align: center; color: white; } </code></pre></div> <p>

I AM SORRY :(.

//Assingment1
/*
let country = "Bangladesh";
let continent = "Asia";
let population = "20 Million";
console.log(country);
console.log(continent);
console.log(population);

//Assigment2

//let isIsland = false;
// let language;
// console.log(typeof country)
// console.log(typeof continent)
// console.log(typeof population)
// console.log(typeof language)
// console.log(typeof isIsland)

//Assingment3
let language;
language="Bangla"
let population=200000000
const country="Bangladesh"
const continent="Asia"
const isIsland=false
//isIsland=true
//Assigment4
let countryFirstHalf=population/2
let countrySecondHalf=population/2
console.log(population+1)
let finlandPopulation=6000000
console.log(population>finlandPopulation)
let averagePopulation=33000000
console.log(population<averagePopulation)
let description=(country+" is in "+continent+", and its "+population/1000000+" million people speak "+language)
console.log(description)
//Assingment5
description= ${country} is in ${continent}, and its ${population/1000000} million people speak ${language} language.
console.log(description)

//Assingment6
if (population>33){
console.log("Portugal's population is above average")
} else {
console.log(Portugal's population is ${33-population} million below average)
}

//Assingement6
// numNeighbours=Number(prompt(How many neighbour countries does your country have?))
// if (numNeighbours===1){
// console.log(Only 1 border.)
// }else if (numNeighbours>1) {
// console.log(More than 1 border.)
// }else {
// console.log(No borders.)
// }

//Assingment7
if (language==="English" && !population<5000000 && !isIsland){ // Double == has inbuult type coercion but === does not have it
console.log(You should live in ${country} :).)
}else {
console.log(${country} does not meet your criteria :(.)
}

//Assingment8
language=Chinese or Mandarin;

switch (language) {
case "Chinese or Mandarin":
console.log(Most number of native speakers!)
break
case Spanish:
console.log(2nd place in number of native speakers.)
break
case English:
console.log(3rd place.)
break
case Hindi:
console.log(Number 4.)
break
case Arabic:
console.log(5th most spoken language.)
break
default:
console.log(Great language too :D.)
}
//Assingment9
let population=200

// population>33 ? console.log(Portugal's population is above average.): console.log(Portugal's population is below average.)

//It's actually used like this
console.log(Bangladesh's population is ${population>33 ? 'above':'below'} average)
*/

/*
//CodingChallenge1
let markMass=78
let markHeight=1.69
let johnMass=92
let johnHeight=1.95
let markMass=95
let markHeight=1.88
let johnMass=85
let johnHeight=1.76

let markBMI= markMass/(markHeight **2)
let johnBMI= johnMass/(johnHeight **2)
console.log(markBMI,johnBMI)
const markHigherBMI=(markBMI>johnBMI)
console.log(markHigherBMI)
//CodingChallenge2
if(markBMI>johnBMI){
console.log(Mark's BMI(${markBMI}) is higher than Johns!(${johnBMI}))}
else{
console.log(John's BMI(${johnBMI}) is higher than Mark!(${markBMI}))}

//CodingChallenge3
dolphinsMatch1=97
dolphinsMatch2=112
dolphinsMatch3=101
koalasMatch1=109
koalasMatch2=95
koalasMatch3=106

dolphinsAverage=(dolphinsMatch1+dolphinsMatch2
+dolphinsMatch3)/3
koalasAverage=(koalasMatch1+koalasMatch2+koalasMatch3)/3
console.log("Dolphins average = "+dolphinsAverage)
console.log("Koalas Average = "+koalasAverage)
if (dolphinsAverage>koalasAverage && dolphinsAverage>100){
console.log(Dolphins are the winner!)
}else if (dolphinsAverage===koalasAverage && dolphinsAverage>=100 && koalasAverage>=100){
console.log(The match is a draw!)
}
else if (koalasAverage>dolphinsAverage && koalasAverage>100){
console.log(Koalas are the winner!)
}else{
console.log(There is no winner :(.)
}
*/
//CodingChallenge4
let bill =40
let tip = 50<bill && bill<300 ? (.15*bill):(.20*bill)
console.log(The bill was ${bill}, the tip was ${tip} and the total value was ${bill+tip})