feat(JS): add eventListener() to slidingPart element

Author: josueJURE

index.css

@@ -45,6 +45,9 @@ body {
   row-gap: 10px;
   padding: 10px;
   background-color: rgb(27 22 22 / 39%);
+  transform: translateX(0px);
+  transition: transform 2s;
+  
 
 }
 .history-btn,
@@ -57,9 +60,10 @@ body {
 }
 
 .sliding-part.slide {
-  transform: translateX(-200px);
+  transform: translateX(200px);
   transition: transform 2s;
 
+
 }
 
 .screen {

index.js

@@ -1,16 +1,19 @@
 const btns = document.querySelectorAll("[data-value]");
 let screen = document.querySelector("[data-screen]");
 const historyBtn = document.querySelector(".history-btn");
+const slidingPart = document.querySelector(".sliding-part");
 const operators = document.querySelectorAll("[data-operator]");
+
 const operatorRegex = /[\/*\-+]/;
 const ZERO = 0;
 const ZERO_DOT = '0.';
 const history = [];
 
-console.log(historyBtn)
+console.log(slidingPart)
 
 
 historyBtn.addEventListener("click", () => {
+  slidingPart.classList.toggle("slide")
   console.log("history btn")
 })