Add keyboard navigation to image gallery

Image-Gallery/script.js

@@ -5,16 +5,36 @@ const nextE1 = document.getElementById("next");
 
 let x = 0;
 let timer;
-prevE1.addEventListener("click", () => {
+
+function onPrevButtonClick() {
   x = x + 45;
   clearTimeout(timer);
   updateGallery();
-});
-nextE1.addEventListener("click", () => {
+}
+
+function onNextButtonClick() {
   x = x - 45;
   clearTimeout(timer);
   updateGallery();
-});
+}
+
+prevE1.addEventListener("click", onPrevButtonClick);
+nextE1.addEventListener("click", onNextButtonClick);
+
+function handleKeyDown(event) {
+  switch(event.key) {
+    case 'ArrowLeft':
+      // Simulate a click on the Prev button
+      onPrevButtonClick();
+      break;
+    case 'ArrowRight':
+      // Simulate a click on the Next button
+      onNextButtonClick();
+      break;
+  }
+}
+
+document.addEventListener('keydown', handleKeyDown);
 
 function updateGallery() {
   imageContainerE1.style.transform = `perspective(1000px) rotateY(${x}deg)`;
@@ -26,4 +46,3 @@ function updateGallery() {
 }
 
 updateGallery();
-