// alert("hi");

// A variable with multiple values
	//a: array
    let cartoons = ["Elmo", "Mickey", "DDoraemon", "Daisy"] 

    // Javascript Objects
        // similar to an array, it also contains multiple values
        // unlike an array that uses index, objects use properties
        // with object, we can easily give labels to each value
    
        // Structure or Syntax
            /*
                let objectName = {
                    key : value,
                    key : (function),
                    key : object{
                        key : value
                    },
                    key : [array]
                }
            */
    
    let cellphone = {
        name: "Smsung s20",
        manufactureDate: 2020
    };
    
    console.log(cellphone);
    console.log(typeof cellphone);
    
    // Creating objects using a constructor function
        /*
            Syntax:
    
            function objectName(keyA, keyB){
                this.keyA = keyA;
                this.keyB = keyB;
            }
    
        */
    
        function Laptop(name, manufactureDate){
            this.name = name;
            this.releaseDate = manufactureDate;
        };
    
        let laptop = new Laptop("Lenovo", 2008);
        console.log(laptop);
            // will create new object
            // new operator creates an instance of an object
    
        let laptop1 = Laptop("Asus", 2010);
        console.log(laptop1);
            // result: undefined
    
    // Creating empty objects
        let computer = {};
        let myComputer = new Object();
        console.log(computer);
        console.log(myComputer);
    
    // Accessing Array Objects
    
        let machines = [laptop, laptop1];
    
        // access the property of an object inside an array
        console.log(machines[0].name);	
            // result: Lenovo
    
        // another way of accessing properties in an array
        console.log(machines[0]["releaseDate"]);
            // result: 2008
    
    
    // Initializing/ Adding/ Deleting/ Reassigning Object Properties
    
        let car = {};
    
        // initializing/ adding object properties using dot notation
    
        car.name = "Honda Civic";
        console.log(car);
    
        // adding object properties with square brackets
        car["manufactureDate"] = 2019;
        console.log(car);
    
        // deleting object properties
        delete car["name"];
        console.log(car);
    
        /*
            Mini-Activity
                1. Add properties to the object car:
                    a. brand
                    b. model
                    c. color
                    e. location
                2. Print in your browser console the car object and send your screenshot in our batch hangouts
        */
    
        car.brand = "Toyota"
        car.model = "Wigo"
        car.color = "black"
        car.location = "Metro Manila"
        console.log(car);
    
        // Reassigning object properties
        car.manufactureDate = 2021
        console.log(car);
    
    
    // Object Methods
        // a method is a function which is a property of an object
        // they are also functions and one of the key differences they have is that methods are functions related to a specific object
        // methods are defined based on what an object is capable of doing and how it should work
    
        let person = {
            name: "Jin",
            talk: function(){
                console.log(`Hello my name is ${this.name}`)
            }
        };
        person.talk();
    
        let friend = {
            firstName: "Andrea",
            lastName: "Sevilla",
            address: {
                city: "Navotas",
                country: "Philippines"
            },
            emails: ["andreiyah@mail.com", "andreiyahsevilla@gmail.com"],
            introduce: function(){
                console.log(`Hello my name is ${this.firstName} ${this.lastName}, I live in ${this.address.city}. My personal email is ${this.emails[0]}`)
            }
        };
        friend.introduce();
    
    
        // Real World Application
            // Scenario:
                // 1. Create a game that would have several pokemons to interact with each other
                // 2. Every pokemon should have stats, properties, functions
    
        let myPokemon = {
            name: "Bulbasaur",
            level: 3,
            health: 100,
            attack: 50,
            tackle: function(){
                console.log(`${this.name} tackled another pokemon`)
                console.log(`targetPokemon's health is now reduced`)
            },
            faint: function(){
                console.log(`${this.name} fainted`)
            }
        };
        myPokemon.tackle();
        myPokemon.faint();
    
        // Creating object with an object constructor
    
        function Pokemon(name, lvl, hp){
    
            // Properties
            this.name = name;
            this.lvl = lvl;
            this.health = hp * 2;
            this.attack = lvl;
    
            // methods
            this.tackle = function(target){
                console.log(`${this.name} tackled ${target.name}`);
                console.log(`targetPokemon's health is now reduced`);
                console.log(target.name);
                console.log(this.name);
            };
            this.faint = function(){
                console.log(`${this.name} fainted`)
            }
        };

        // create new instances of the Pokemon object each with their unique properties

        let pikachu = new Pokemon("Pikachu", 5, 60);
        let ratata = new Pokemon("Ratata", 4, 45);

        // Providing the "ratata" object as an argument to "pikachu" tackle method will create interaction between two objects

        pikachu.tackle(ratata);
        ratata.tackle(pikachu);