whydoifly
diff --git a/‎app.ts
Lines changed: 0 additions & 1 deletion b/‎app.ts
Lines changed: 0 additions & 1 deletion
diff --git a/‎public/app.js
Lines changed: 16 additions & 0 deletions b/‎public/app.js
Lines changed: 16 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/‎public/test.js
Lines changed: 0 additions & 2 deletions b/‎public/test.js
Lines changed: 0 additions & 2 deletions
diff --git a/‎src/app.ts
Lines changed: 27 additions & 0 deletions b/‎src/app.ts
Lines changed: 27 additions & 0 deletions
diff --git a/‎src/sandbox.ts
Lines changed: 0 additions & 27 deletions b/‎src/sandbox.ts
Lines changed: 0 additions & 27 deletions
diff --git a/‎src/test.ts
Lines changed: 0 additions & 1 deletion b/‎src/test.ts
Lines changed: 0 additions & 1 deletion
@@ -0,0 +1,16 @@
+"use strict";
+// const anchor = document.querySelector('a')!;
+// // if (anchor) {
+// //     console.log(anchor.href);
+// // }
+// console.log(anchor.href);
+var form = document.querySelector('.new-item-form');
+console.log(form.children);
+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,27 @@
+// const anchor = document.querySelector('a')!;
+
+// // if (anchor) {
+// //     console.log(anchor.href);
+// // }
+
+// console.log(anchor.href);
+
+const form = document.querySelector('.new-item-form') as HTMLFormElement;
+console.log(form.children)
+
+
+const type = document.querySelector('#type') as HTMLSelectElement;
+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
+    )
+})