Feature Enhancement: Added Decimal Output, Division Method, OR,AND ,X…

…OR Operators for Binary Inputs

Calculators/Binary-Calculator/index.html

@@ -26,14 +26,22 @@ <h1>Binary Calculator</h1>
                     <option value="add">Addition</option>
                     <option value="subtract">Subtraction</option>
                     <option value="multiply">Multiplication</option>
+                    <option value="division">Division</option>
                     <option value="leftShift">Left Shift</option>
                     <option value="rightShift">Right Shift</option>
+                    <option value="and">AND Operator</option>
+                    <option value="or">OR Operator</option>
+                    <option value="xor">XOR Operator</option>
                 </select>
             </div>
             <button type="button" onclick="calculate()">Calculate</button>
         </form>
         <div id="results">
             <p id="result"></p>
+            <p id="decimal"></p>
+        </div>
+        <div id="decimals">
+
         </div>
     </div>
     <script src="script.js"></script>

Calculators/Binary-Calculator/script.js

@@ -14,23 +14,44 @@ function calculate() {
     const num1 = parseInt(binary1, 2);
     const num2 = parseInt(binary2, 2);
     let result;
-
+    let decimal;
     // Perform the selected operation
     switch (operation) {
         case "add":
             result = (num1 + num2).toString(2);
+            decimal = (num1 + num2);
             break;
         case "subtract":
             result = (num1 - num2).toString(2);
+            decimal = (num1 - num2);
             break;
         case "multiply":
             result = (num1 * num2).toString(2);
+            decimal = (num1 * num2);
             break;
         case "leftShift":
             result = (num1 << num2).toString(2);
+            decimal = (num1 << num2);
             break;
         case "rightShift":
             result = (num1 >> num2).toString(2);
+            decimal = (num1 >> num2);
+            break;
+        case "division":
+            result = (num1 / num2).toString(2);
+            decimal = (num1 / num2);
+            break;
+        case "and":
+            result = (num1 && num2).toString(2);
+            decimal = (num1 && num2);
+            break;
+        case "or":
+            result = (num1 || num2).toString(2);
+            decimal = (num1 || num2);
+            break;
+        case "xor":
+            result = (num1 ^ num2).toString(2);
+            decimal = (num1 ^ num2);
             break;
         default:
             alert("Invalid operation.");
@@ -39,4 +60,5 @@ function calculate() {
 
     // Display the result
     document.getElementById('result').innerText = `Result: ${result}`;
+    document.getElementById('decimal').innerText = `Decimal Value: ${decimal}`;
 }

Calculators/Binary-Calculator/style.css

@@ -15,7 +15,7 @@ body {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s;
     width: 500px;
-    height: 400px;
+    height: 450px;
 }
 
 .container:hover {
@@ -79,6 +79,7 @@ button:hover {
 }
 
 #results {
+
     margin-top: 20px;
     text-align: center;
 }