Solve linter errors

Author: tajulafreen

Source-Code/Calculator/script.js

@@ -1,18 +1,18 @@
-let firstOperand = "";
-let secondOperand = "";
+let firstOperand = '';
+let secondOperand = '';
 let currentOperator = null;
 let awaitingSecondOperand = false;
 
-const display = document.querySelector(".calculator-screen");
-const keys = document.querySelector(".calculator-keys");
+const display = document.querySelector('.calculator-screen');
+const keys = document.querySelector('.calculator-keys');
 
 const updateDisplay = () => {
   display.value = awaitingSecondOperand ? secondOperand : firstOperand;
 };
 
 const resetCalculator = () => {
-  firstOperand = "";
-  secondOperand = "";
+  firstOperand = '';
+  secondOperand = '';
   currentOperator = null;
   awaitingSecondOperand = false;
   updateDisplay();
@@ -27,26 +27,13 @@ const inputNumber = (number) => {
   updateDisplay();
 };
 
-const inputOperator = (operator) => {
-  if (!firstOperand) return;
-
-  if (secondOperand) {
-    calculate();
-  }
-
-  currentOperator = operator;
-  awaitingSecondOperand = true;
-};
-
 const inputDecimal = () => {
   if (awaitingSecondOperand) {
-    if (!secondOperand.includes(".")) {
-      secondOperand += ".";
-    }
-  } else {
-    if (!firstOperand.includes(".")) {
-      firstOperand += ".";
+    if (!secondOperand.includes('.')) {
+      secondOperand += '.';
     }
+  } else if (!firstOperand.includes('.')) {
+    firstOperand += '.';
   }
   updateDisplay();
 };
@@ -59,49 +46,59 @@ const calculate = () => {
   if (Number.isNaN(first) || Number.isNaN(second)) return;
 
   switch (currentOperator) {
-    case "+":
+    case '+':
       result = first + second;
       break;
-    case "-":
+    case '-':
       result = first - second;
       break;
-    case "*":
+    case '*':
       result = first * second;
       break;
-    case "/":
+    case '/':
       result = first / second;
       break;
     default:
       return;
   }
 
   firstOperand = String(result);
-  secondOperand = "";
+  secondOperand = '';
   awaitingSecondOperand = false;
   currentOperator = null;
   updateDisplay();
 };
+const inputOperator = (operator) => {
+  if (!firstOperand) return;
+
+  if (secondOperand) {
+    calculate();
+  }
+
+  currentOperator = operator;
+  awaitingSecondOperand = true;
+};
 
-keys.addEventListener("click", (event) => {
+keys.addEventListener('click', (event) => {
   const { target } = event;
   const { value } = target;
 
-  if (!target.matches("button")) return;
+  if (!target.matches('button')) return;
 
   switch (value) {
-    case "all-clear":
+    case 'all-clear':
       resetCalculator();
       break;
-    case "=":
+    case '=':
       calculate();
       break;
-    case ".":
+    case '.':
       inputDecimal();
       break;
-    case "+":
-    case "-":
-    case "*":
-    case "/":
+    case '+':
+    case '-':
+    case '*':
+    case '/':
       inputOperator(value);
       break;
     default:
@@ -111,4 +108,4 @@ keys.addEventListener("click", (event) => {
   }
 });
 
-document.addEventListener("DOMContentLoaded", updateDisplay);
+document.addEventListener('DOMContentLoaded', updateDisplay);

Source-Code/Calculator/style.css

@@ -1,82 +1,82 @@
 * {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    background:  #f9f6ee;
-    font-family: 'Roboto', sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background: #f9f6ee;
+  font-family: 'Roboto', sans-serif;
 }
 
 .calculator {
-    border-radius: 10px;
-    overflow: hidden;
-    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }
 
 .calculator-screen {
-    width: 100%;
-    height: 100px;
-    border: none;
-    background-color: #252525;
-    color: white;
-    text-align: right;
-    padding: 10px 20px;
-    font-size: 2.5rem;
+  width: 100%;
+  height: 100px;
+  border: none;
+  background-color: #252525;
+  color: white;
+  text-align: right;
+  padding: 10px 20px;
+  font-size: 2.5rem;
 }
 
 .calculator-keys {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 10px;
-    padding: 20px;
-    background-color: #f1f3f6;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 10px;
+  padding: 20px;
+  background-color: #f1f3f6;
 }
 
 button {
-    height: 60px;
-    border-radius: 5px;
-    border: none;
-    font-size: 1.5rem;
-    color: white;
-    background-color: #333;
-    cursor: pointer;
-    transition: background-color 0.2s ease;
+  height: 60px;
+  border-radius: 5px;
+  border: none;
+  font-size: 1.5rem;
+  color: white;
+  background-color: #333;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
 }
 
 button:hover {
-    background-color: #555;
+  background-color: #555;
 }
 
 .operator {
-    background-color: #f39c12;
+  background-color: #f39c12;
 }
 
 .operator:hover {
-    background-color: #d87a0d;
+  background-color: #d87a0d;
 }
 
 .equal-sign {
-    height: calc(80px + 10px);
-    grid-column: span 4;
-    font-size: 30px;
+  height: calc(80px + 10px);
+  grid-column: span 4;
+  font-size: 30px;
 }
 
 .all-clear {
-    background-color: #e74c3c;
+  background-color: #e74c3c;
 }
 
 .all-clear:hover {
-    background-color: #c0392b;
+  background-color: #c0392b;
 }
 
 .decimal {
-    background-color: #9b59b6;
+  background-color: #9b59b6;
 }
 
 .decimal:hover {
-    background-color: #8e44ad;
+  background-color: #8e44ad;
 }