lesson-13

iamshaunjp · iamshaunjp · commit 97a758325dd2 · 2020-03-17T12:16:51.000Z
diff --git a/public/app.js b/public/app.js
@@ -1,10 +1,13 @@
 "use strict";
 // classes
 var Invoice = /** @class */ (function () {
-    function Invoice(c, d, a) {
-        this.client = c;
-        this.details = d;
-        this.amount = a;
+    // readonly client: string;
+    // private details: string;
+    // public amount: number;
+    function Invoice(client, details, amount) {
+        this.client = client;
+        this.details = details;
+        this.amount = amount;
     }
     Invoice.prototype.format = function () {
         return this.client + " owes \u00A3" + this.amount + " for " + this.details;
@@ -16,8 +19,9 @@ var invTwo = new Invoice('luigi', 'work on the luigi website', 300);
 var invoices = [];
 invoices.push(invOne);
 invoices.push(invTwo);
-// invoices.push({ name: 'shaun' });
-console.log(invoices);
+invoices.forEach(function (inv) {
+    console.log(inv.client, /*inv.details,*/ inv.amount, inv.format());
+});
 var form = document.querySelector('.new-item-form');
 console.log(form.children);
 // inputs
diff --git a/src/app.ts b/src/app.ts
@@ -1,14 +1,14 @@
 // classes
 class Invoice {
-  client: string;
-  details: string;
-  amount: number;
-
-  constructor(c: string, d: string, a: number){
-    this.client = c;
-    this.details = d;
-    this.amount = a;
-  }
+  // readonly client: string;
+  // private details: string;
+  // public amount: number;
+
+  constructor(
+    readonly client: string, 
+    private details: string, 
+    public amount: number,
+  ){}
 
   format() {
     return `${this.client} owes £${this.amount} for ${this.details}`;
@@ -21,9 +21,11 @@ const invTwo = new Invoice('luigi', 'work on the luigi website', 300);
 let invoices: Invoice[] = [];
 invoices.push(invOne)
 invoices.push(invTwo);
-// invoices.push({ name: 'shaun' });
 
-console.log(invoices);
+invoices.forEach(inv => {
+  console.log(inv.client, /*inv.details,*/ inv.amount, inv.format());
+})
+
 
 
 const form = document.querySelector('.new-item-form') as HTMLFormElement;
