type casting

sofiane-abou-abderrahim · sofiane-abou-abderrahim · commit 9dcaa9274e0f · 2023-11-02T11:13:09.000+02:00
diff --git a/app.js b/app.js
@@ -1,5 +1,18 @@
+var num1Input = document.getElementById('num1');
+var num2Input = document.getElementById('num2');
+var buttonElement = document.querySelector('button');
 function add(a, b) {
     return a + b;
 }
-var result = add(5, 3);
-console.log(result);
+function printResult(result) {
+    console.log(result);
+}
+// const result = add(5, 3);
+// let isDone = false;
+// printResult(result);
+buttonElement.addEventListener('click', function () {
+    var num1 = num1Input.value;
+    var num2 = num2Input.value;
+    var result = add(num1, num2);
+    printResult(result);
+});
diff --git a/app.ts b/app.ts
@@ -1,12 +1,23 @@
+const num1Input = document.getElementById('num1') as HTMLInputElement;
+const num2Input = <HTMLInputElement>document.getElementById('num2');
+const buttonElement = document.querySelector('button') as HTMLButtonElement;
+
 function add(a: number, b: number) {
   return a + b;
 }
 
-function printResult(result: any) {
+function printResult(result) {
   console.log(result);
 }
 
-const result = add(5, 3);
-let isDone = false;
+// const result = add(5, 3);
+// let isDone = false;
+
+// printResult(result);
 
-printResult(result);
+buttonElement.addEventListener('click', () => {
+  const num1 = +num1Input.value;
+  const num2 = +num2Input.value;
+  const result = add(num1, num2);
+  printResult(result);
+});
diff --git a/index.html b/index.html
@@ -1,13 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>TypeScript</title>
-  <script src="app.js" defer></script>
-</head>
-<body>
-  
-</body>
-</html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>TypeScript</title>
+    <script src="app.js" defer></script>
+  </head>
+  <body>
+    <input type="text" id="num1" />
+    <input type="text" id="num2" />
+    <button>Add</button>
+  </body>
+</html>
