slider with javascript updated

Author: OxIyke

.hintrc

@@ -8,6 +8,7 @@
       {
         "label": "off"
       }
-    ]
+    ],
+    "axe/text-alternatives": "off"
   }
 }

slider/index.css

@@ -0,0 +1,16 @@
+.slider {
+    position: relative;
+    height: 100%;
+    margin: auto;
+    overflow: hidden;
+} 
+
+.slides img {
+    width: 100%;
+    display: none;
+}
+
+button {
+    font-size: 5rem;
+    border: none;
+}

slider/index.html

@@ -16,8 +16,8 @@
             <img class="slide" src="./img-3.jpg">
         </div>
     </div>
-    <button>&#10094</button>
-    <button>&#10095</button>
+    <button class="prev" onclick="prevSlide()">&#10094</button>
+    <button class="next" onclick="nextSlide()">&#10095</button>
     <script src="./index.js"></script>
 </body>
 

slider/index.js

@@ -0,0 +1,2 @@
+const slides = document.querySelectorAll(".slide")
+console.log(slides)