From a4ad8065ba2c20fd01b72e10d45a16b6d83528b3 Mon Sep 17 00:00:00 2001 From: Hongchan Lee Date: Sun, 25 Feb 2024 23:57:32 -0500 Subject: [PATCH] Week-06 Done --- week-06/js/script.js | 63 ++++++++++++++++++++++++++++++++++++++++++++ week-06/oojs.html | 16 +++++++++++ 2 files changed, 79 insertions(+) create mode 100644 week-06/js/script.js create mode 100644 week-06/oojs.html diff --git a/week-06/js/script.js b/week-06/js/script.js new file mode 100644 index 0000000..0f545e5 --- /dev/null +++ b/week-06/js/script.js @@ -0,0 +1,63 @@ +function createPerson(name) { + const obj = {}; + obj.name = name; + obj.introduceSelf = function () { + console.log(`Hi! I'm ${this.name}.`); + }; + return obj; + } + + const person1 = { + name: ["Hongchan", "Lee"], + age: 30, + eyes: "black", + height: "1.85m", + bio() { + console.log(`${this.name[0]} ${this.name[1]} is ${this.age} years old.`); + }, + introduceSelf() { + console.log(`Hi! I'm ${this.name[0]}.`); + } + }; + + person1.farewell = function () { + console.log("Goodbye everybody!"); + }; + + const person2 = { + name: ["James", "Hush"], + age: 28, + eyes: "blue", + height: "1.79m", + bio() { + console.log(`${this.name[0]} ${this.name[1]} is ${this.age} years old.`); + }, + introduceSelf() { + console.log(`Hi! I'm ${this.name[0]}.`); + } + }; + + person2.farewell = function () { + console.log("It's time to say Goodbye!"); + }; + + function logProperty(propertyName) { + console.log(person[propertyName]); + } + + logProperty("name"); + + logProperty("age"); + + + const objectName = { + member1Name: member1Value, + member2Name: member2Value, + member3Name: member3Value, + }; + + const myDiv = document.createElement("div"); + const myVideo = document.querySelector("video"); + + const myNotification = new Notification("Hello!"); + diff --git a/week-06/oojs.html b/week-06/oojs.html new file mode 100644 index 0000000..46e807e --- /dev/null +++ b/week-06/oojs.html @@ -0,0 +1,16 @@ + + + + + + Object-oriented JavaScript example + + + +

This example requires you to enter commands in your browser's JavaScript console (see What are browser developer tools for more information).

+ + + + + +