Merge pull request harsh98trivedi#27 from Akshat162001/master

fixed issue css harsh98trivedi#10

Author: harsh98trivedi

index.html

@@ -149,5 +149,41 @@ <h1><a style="text-decoration: none; color: #f1c40f; margin-left: 1.25rem;" href
 	toggleMode.addEventListener('change', function() {
 		container.classList.toggle('dark-mode');
 	});
+        document.addEventListener('keydown', function (event) {
+            handleKeyPress(event.key);
+        });
+   // This function will be responsible for handling the button press from the keyboard..Try thses key also if want you can also chnage these settings,...
+        function handleKeyPress(key) {
+       //  "Enter" key is pressed, trigger the "=" button press
+            if (key === 'Enter') {
+                handleButtonPress('=');
+            }
+
+            // "Delete" or "Backspace" key is pressed, trigger the "CE" button press
+            if (key === 'Delete' || key === 'Backspace') {
+                handleButtonPress('CE');
+            }
+
+            //number key is pressed, trigger the corresponding number button press
+            if (/[0-9]/.test(key)) {
+                handleButtonPress(key);
+            }
+
+            //  operator key is pressed (+, -, *, /), trigger the corresponding operator button press
+            if (/[\+\-\*\/%]/.test(key)) {
+                handleButtonPress(key);
+            }
+        }
+
+        function handleButtonPress(value) {
+            // This function simulates the button press of the calculator for the given value
+
+            // Find the corresponding button element based on the value
+            const button = document.querySelector(`button[value="${value}"]`);
+            if (button) {
+                button.click();
+            }
+        }
+    
 </script>
 </html>

style.css

@@ -278,4 +278,7 @@ input:checked + .toggle-slider:before {
     max-width: 20vw;
     margin: auto;
 }
- 
+ 
+#answer {
+    caret-color: #0f38f1;
+}