text: const slider = document.querySelector('.slider');
  const slides = document.querySelectorAll('.slide');
  
  const next = document.querySelector('#next');
  const prev = document.querySelector('#prev');
  
  const showNext = () =>{
      const current = document.querySelector('.current')
      current.classList.remove('current')
      if(current.nextElementSibling){
          current.nextElementSibling.classList.add('current')
      }else{
          slides[0].classList.add('current')
      }
      
  }
  const showPrev = () =>{
      const current = document.querySelector('.current')
      current.classList.remove('current')
      if(current.previousElementSibling){
          current.previousElementSibling.classList.add('current')
      }else{
          slides[slides.length-1].classList.add('current')
      }
  }
  next.addEventListener('click',showNext)
  prev.addEventListener('click',showPrev)