From de054db8afa5a0f7227489a20cd137349d7a5a85 Mon Sep 17 00:00:00 2001 From: LirPes Date: Sun, 30 Nov 2025 00:37:50 +0200 Subject: [PATCH] add calculator functionality --- index.html | 33 +++++++++++++++++---------------- script.js | 43 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 60 insertions(+), 16 deletions(-) create mode 100644 script.js diff --git a/index.html b/index.html index 935c09e..1884a88 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ Calculator + @@ -13,30 +14,30 @@
 
- - - + + +
- - - + + +
- - - + + +
- + + + +
- - - + + +
diff --git a/script.js b/script.js new file mode 100644 index 0000000..a9194f1 --- /dev/null +++ b/script.js @@ -0,0 +1,43 @@ + +exrcise = ""; + +function pressButton(event) { + const screen = document.querySelector(".display"); + const num = event.target.innerHTML; + screen.textContent += num; + exrcise += num; +} + +function calculate() { + const operators = ["+","-","/","*"]; + const operator = operators.find(op => exrcise.indexOf(op) > -1); + const firstNum = parseInt(exrcise.substring(0,exrcise.indexOf(operator))); + const secondNum = parseInt(exrcise.substring(exrcise.indexOf(operator) + 1)); + let result; + + switch(operator){ + case "+": + result = firstNum + secondNum; + break; + case "*": + result = firstNum * secondNum; + break; + case "-": + result = firstNum - secondNum; + break; + case "/": + result = firstNum / secondNum; + break; + } + + const screen = document.querySelector(".display"); + screen.innerHTML = result; + exrcise = "" +} + +function clearScreen() { + const screen = document.querySelector(".display"); + screen.innerHTML = " "; + exrcise = ""; +} +