folathecoder
diff --git a/‎public/app.js
Lines changed: 18 additions & 0 deletions b/‎public/app.js
Lines changed: 18 additions & 0 deletions
diff --git a/‎public/index.html
Lines changed: 1 addition & 1 deletion b/‎public/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/sandbox.js
Lines changed: 0 additions & 22 deletions b/‎public/sandbox.js
Lines changed: 0 additions & 22 deletions
diff --git a/‎src/app.ts
Lines changed: 26 additions & 0 deletions b/‎src/app.ts
Lines changed: 26 additions & 0 deletions
diff --git a/‎src/sandbox.ts
Lines changed: 0 additions & 26 deletions b/‎src/sandbox.ts
Lines changed: 0 additions & 26 deletions
@@ -0,0 +1,18 @@
+"use strict";
+var anchor = document.querySelector('a');
+if (anchor) {
+    console.log(anchor.href);
+}
+console.log(anchor.href);
+//const form = document.querySelector('form')!;
+var form = document.querySelector('.new-item-form');
+console.log(form.children);
+// inputs
+var type = document.querySelector('#type');
+var tofrom = document.querySelector('#tofrom');
+var details = document.querySelector('#details');
+var amount = document.querySelector('#amount');
+form.addEventListener('submit', function (e) {
+    e.preventDefault();
+    console.log(type.value, tofrom.value, details.value, amount.valueAsNumber);
+});
@@ -43,6 +43,6 @@ <h1>Finance Logger</h1>
     <a href="https://www.thenetninja.co.uk">The Net Ninja</a>
   </footer>
 
-  <script src='sandbox.js'></script>
+  <script src='app.js'></script>
 </body>
 </html>
@@ -0,0 +1,26 @@
+const anchor = document.querySelector('a')!;
+if(anchor) {
+  console.log(anchor.href);
+}
+console.log(anchor.href);
+
+//const form = document.querySelector('form')!;
+const form = document.querySelector('.new-item-form') as HTMLFormElement;
+console.log(form.children);
+
+// inputs
+const type = document.querySelector('#type') as HTMLInputElement;
+const tofrom = document.querySelector('#tofrom') as HTMLInputElement;
+const details = document.querySelector('#details') as HTMLInputElement;
+const amount = document.querySelector('#amount') as HTMLInputElement;
+
+form.addEventListener('submit', (e: Event) => {
+  e.preventDefault();
+
+  console.log(
+    type.value, 
+    tofrom.value, 
+    details.value, 
+    amount.valueAsNumber
+  );
+});