updated calculator logic component

Author: albindavidc

src/app/calculator/logic/logic.component.ts

@@ -4,8 +4,69 @@ import { Component } from '@angular/core';
   selector: 'app-logic',
   imports: [],
   templateUrl: './logic.component.html',
-  styleUrl: './logic.component.css'
+  styleUrl: './logic.component.css',
 })
 export class LogicComponent {
+  displayedValue: string = '0';
+  currentValue: number | null = null;
+  operation: string | null = null;
+  isNewInput: boolean = true;
+
+  onDigitClick(digit: string) {
+    if (this.isNewInput) {
+      this.displayedValue = digit;
+      this.isNewInput = false;
+    } else {
+      this.displayedValue =
+        this.displayedValue === '0' ? digit : this.displayedValue + digit;
+    }
+  }
+
+  calculate() {
+    const currentNumber = parseInt(this.displayedValue);
+    if (this.operation === '+') {
+      this.currentValue! += currentNumber;
+    } else if (this.operation === '-') {
+      this.currentValue! -= currentNumber;
+    } else if (this.operation === '*') {
+      this.currentValue! *= currentNumber;
+    } else if (this.operation === '/') {
+      this.currentValue! /= currentNumber;
+    }
+
+    this.displayedValue = this.currentValue!.toString();
+  }
+
+  onOperationClick(op: string) {
+    if (this.currentValue === null) {
+      this.currentValue = parseInt(this.displayedValue);
+    } else if (this.operation) {
+      this.calculate();
+    }
+
+    this.operation = op;
+    this.isNewInput = true;
+  }
+
+  onEqualsTo(){
+    if(this.operation && this.currentValue !== null){
+      this.calculate();
+      this.currentValue = null;
+      this.operation = null;
+    }
+
+  }
+
+  onClear() {
+    this.displayedValue = '0';
+    this.operation = null;
+    this.currentValue = null;
+    this.isNewInput = true;
+  }
+
+  onDisplayValueChange(newValue:string){
+    this.displayedValue = newValue;
+  }
+
 
 }