main.js

console.log("main.js is connected!");

console.log("script loaded!");

alert("Hello World");

console.log("Hello World");
console.error("this is an error");

// Strings, number, boolean, null, undefined

const name = "john";
const age = 30;
const rating = 4.5;
const isCool = true;
// const x = null;
// const y = undefined;
let z;

console.log(typeof age);

// concatenation;
console.log("My name is " + name + " and i am " + age);

const s = "Technology, Computers,  It, Code,";
console.log(s.split(","));

// Arrays - variables that holds multiple values

const fruits = ["Apples", "Oranges", "pears", 10, true];

fruits[3] = "grapes";

fruits.push("mangoes");

fruits.unshift("strawberries");

fruits.pop();

console.log(Array.isArray("fruits"));

console.log(fruits);

// // const person = {
//   firstName: "Kareemah",
//   lastName: "Ahmad",
//   age: 30,
//   hobbies: ["music", "movies", "sports"],
//   address: {
//     street: "50 main st",
//     city: "Tambari",
//     state: "GRA",
//   },
// };

// console.log(person.firstName, person.lastName);
// console.log(person.hobbies[1]);

const todos = [
  {
    id: 1,
    text: "Take out Trash",
    isCompleted: true,
  },
  {
    id: 2,
    text: "Meeting with boss",
    isCompleted: true,
  },
  {
    id: 3,
    text: "Dentist appointment",
    isCompleted: false,
  },
];

console.log(todos);
const todoJSON = JSON.stringify(todos);
console.log(todoJSON);

//for
for (let i = 0; i < 10; i++) {
  console.log("For Loop Number: $(i)");
}

//While
let i = 0;
while (i < 10) {
  console.log("While Loop Number: $(i)");
  i++;
}

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

for (let todo of todos) {
  console.log(todo);
}

// for Each, map, filter
todos.forEach(function (todo) {
  console.log(todo.text);
});
// for Each, map, filter
const todoText = todos.map(function (todo) {
  return todo.text;
});
const todoCompleted = todos.filter(function (todo) {
  return todo.isCompleted === true;
});
console.log(todoCompleted);

console.log(todoText);

//conditional
const x = 6;
const y = 11;

if (x == 10) {
  console.log("x is 10");
} else if (x > 10) {
  console.log("x is greater than 10");
} else {
  console.log("x is less than 10");
}
if (x > 5 && y > 10) {
  console.log("x is more than 5 or y is more than 10");
}

const o = 9;

const color = "green";

switch (color) {
  case "red":
    console.log("color is red");
    break;
  case "blue":
    console.log("color is blue");
    break;
  default:
    console.log("color is NOT red or blue");
}
// function
const addNums = (num1 = 1, num2 = 1) => {
  console.log(num1 + num2);
};
addNums(5, 5);

// constructor function
// function Person(firstName, lastName, dob) {
//   this.firstName = firstName;
//   this.lastName = lastName;
//   this.dob = new Date(dob);

//   Person.prototype.getBirthYear = function () {
//     return this.dob.getFullYear();
//   };
// }
// Person.prototype.getFullName = function () {
//   return "${this.firstName} ${this.lastName}";
// };

//Class
class Person {
  constructor(firstName, lastName, dob) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.dob = new Date(dob);
  }
  getBirthYear() {
    return this.dob.getFullYear();
  }

  getFullName() {
    return "${this.firstName} ${this.lastName}";
  }
}

// instantiate object
const person1 = new Person("kareema", "Ahmad", "4-3-1980");
const person2 = new Person("Yusrah", "Dauda", "3-6-1999");

console.log(person2.getFullName());

console.log(person1);