Merge pull request #22 from josueJURE/keyboard

Web accessibility

Author: josueJURE

index.css

@@ -33,8 +33,7 @@ body {
   position: absolute;
   height: 530px;
   width: 400px;
-  border: black 1px solid;
-  border-radius: 15px;
+ 
   overflow: hidden;
   display: grid;
   grid-template-columns: repeat(4, 1fr);

index.js

@@ -10,6 +10,37 @@ const clearHistoryBtn = document.querySelector(".clear-history-btn");
 clearHistoryBtn.addEventListener("click", () => {historyElement.innerHTML = "";
 });
 
+document.addEventListener('keydown', handleKeyPress);
+
+function handleKeyPress(event) {
+
+  const key = event.key;
+  const button = document.querySelector(`[data-value="${key}"]`);
+
+  console.log(key)
+
+
+
+  if (button) {
+    button.click(); // Trigger the click event for the corresponding button
+  } 
+
+  if (event.code === "Backspace") {
+    let newArray = data.slice(ZERO, -1);
+    screen.innerText = newArray.join("");
+    data = newArray;
+    if (screen.innerText === "") {
+      screen.innerText = ZERO;
+    }
+  }
+
+  if(event.code === "Enter") {
+    userClicksOnEqualButton("=");
+  }
+
+}
+
+
 const operatorRegex = /[\/*\-+]/;
 const ZERO = 0;
 const ZERO_DOT = "0.";