Lesson 15 Code

tomer79sagi · Dec 20, 2023 · 83f26b1 · 83f26b1
1 parent 8beacbe
commit 83f26b1
Show file tree

Hide file tree

Showing 11 changed files with 178 additions and 0 deletions.
diff --git a/15 - 20.12.23 - Modules/modules/modules_0/array_utilities.js b/15 - 20.12.23 - Modules/modules/modules_0/array_utilities.js
@@ -0,0 +1,13 @@
+const name = 'Tomer Sagi';
+const age = 44;
+
+function printArray(arr) {
+  for (let i=0 ; i<arr.length ; i++) {
+    document.getElementById('output').innerHTML += `${i}. ${arr[i]}<br/>`;
+  }
+}
+
+export { 
+  name,
+  printArray 
+};
diff --git a/15 - 20.12.23 - Modules/modules/modules_0/index.html b/15 - 20.12.23 - Modules/modules/modules_0/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>19.11.23</title>
+    <script defer type="module" src="./main.js"></script>
+  </head>
+  <body>
+    <h1>17.12.23</h1>
+    <h2>Fetch</h2>
+
+    <div id="buttons">
+      <button id="btnLoad">Start</button>
+    </div>
+
+    <hr/>
+
+    <div id="output">
+      <table id='myTable'>
+
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/15 - 20.12.23 - Modules/modules/modules_0/main.js b/15 - 20.12.23 - Modules/modules/modules_0/main.js
@@ -0,0 +1,6 @@
+import { printArray } from 'array_utilities.js';
+
+const myArr = ['Tomer', 'Gal', 'Moshe', 'Sahar'];
+printArray(myArr);
+
+// alert(`Name: ${name}`);
diff --git a/15 - 20.12.23 - Modules/modules/modules_1_inline_export/array_utilities.js b/15 - 20.12.23 - Modules/modules/modules_1_inline_export/array_utilities.js
@@ -0,0 +1,8 @@
+export const name = 'Tomer Sagi';
+const age = 44;
+
+export function printArray(arr) {
+  for (let i=0 ; i<arr.length ; i++) {
+    document.getElementById('output').innerHTML += `${i}. ${arr[i]}<br/>`;
+  }
+}
diff --git a/15 - 20.12.23 - Modules/modules/modules_1_inline_export/index.html b/15 - 20.12.23 - Modules/modules/modules_1_inline_export/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>19.11.23</title>
+    <script defer type="module" src="./main.js"></script>
+  </head>
+  <body>
+    <h1>17.12.23</h1>
+    <h2>Fetch</h2>
+
+    <div id="buttons">
+      <button id="btnLoad">Start</button>
+    </div>
+
+    <hr/>
+
+    <div id="output">
+      <table id='myTable'>
+
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/15 - 20.12.23 - Modules/modules/modules_1_inline_export/main.js b/15 - 20.12.23 - Modules/modules/modules_1_inline_export/main.js
@@ -0,0 +1,6 @@
+import { printArray } from './array_utilities.js';
+
+const myArr = ['Tomer', 'Gal', 'Moshe', 'Sahar'];
+printArray(myArr);
+
+// alert(`Name: ${name}`);
diff --git a/15 - 20.12.23 - Modules/modules/modules_2_default/array_utilities.js b/15 - 20.12.23 - Modules/modules/modules_2_default/array_utilities.js
@@ -0,0 +1,11 @@
+export const name = 'Tomer Sagi';
+const age = 44;
+
+// Expects a JS Array, iterates over it and prints every element to a DIV using 'innerHTML'
+function printArray(arr) {
+  for (let i=0 ; i<arr.length ; i++) {
+    document.getElementById('output').innerHTML += `${i}. ${arr[i]}<br/>`;
+  }
+}
+
+export default printArray;
diff --git a/15 - 20.12.23 - Modules/modules/modules_2_default/index.html b/15 - 20.12.23 - Modules/modules/modules_2_default/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>19.11.23</title>
+    <script defer type="module" src="./main.js"></script>
+  </head>
+  <body>
+    <h1>17.12.23</h1>
+    <h2>Fetch</h2>
+
+    <div id="buttons">
+      <button id="btnLoad">Start</button>
+    </div>
+
+    <hr/>
+
+    <div id="output">
+      <table id='myTable'>
+
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/15 - 20.12.23 - Modules/modules/modules_2_default/main.js b/15 - 20.12.23 - Modules/modules/modules_2_default/main.js
@@ -0,0 +1,7 @@
+import { name as myName, default as myPrinter } from './array_utilities.js';
+
+const myArr = ['Tomer', 'Gal', 'Moshe', 'Sahar'];
+myPrinter(myArr);
+alert(myName);
+
+// alert(`Name: ${name}`);
diff --git a/15 - 20.12.23 - Modules/oop/oop_1/index.html b/15 - 20.12.23 - Modules/oop/oop_1/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>19.11.23</title>
+    <script defer type="module" src="./main.js"></script>
+  </head>
+  <body>
+    <h1>20.12.23</h1>
+    <h2>OOP</h2>
+
+    <div id="buttons">
+      <button id="btnLoad">Start</button>
+    </div>
+
+    <hr/>
+
+    <div id="output">
+      <table id='myTable'>
+
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/15 - 20.12.23 - Modules/oop/oop_1/main.js b/15 - 20.12.23 - Modules/oop/oop_1/main.js
@@ -0,0 +1,27 @@
+class Car {
+    // Method/function that initializes (מאתחל) a new object (מופע חדש)
+    constructor(make, model, year, color) {
+        this.make = make;
+        this.model = model;
+        this.year = year;
+        this.color = color;
+    }
+
+    printSummary() {
+        console.log(`
+            Make: ${this.make}\n
+            Model: ${this.model}\n
+            Year: ${this.year}\n
+            Color: ${this.color}\n
+        `);
+    }
+}
+
+const tomersCar = new Car("Hyundai", "i20", 2016, "Gray");
+const saharsCar = new Car("Seat", "Ibiza", 2012, "White");
+
+alert(tomersCar.make); // --> Hyundai
+alert(saharsCar.make); // --> Seat
+
+tomersCar.printSummary();
+saharsCar.printSummary();