Estoy escribiendo un control deslizante y necesito usar el estilo tramsform en el código JS. Pero cuando lo escribí en JS, no pasó nada. ¿Podrías decirme qué está mal? ¿Como arreglarlo? Este es mi código js. Por favor, échale un vistazo.

 const slides = document.querySelector(".slides"); const slidesCount = slides.childElementCount; const nextBtn=document.querySelector(".next-slide"); const prevBtn=document.querySelector(".prev-slide"); const container = document.querySelector('.slider-container') //Controls prevBtn.addEventListener('click', () => { changeSlide('prev') }) nextBtn.addEventListener('click', () => { changeSlide('next') }) let activeSlideIndex = 0 function changeSlide(direction) { if(direction === 'prev') { activeSlideIndex++ if(activeSlideIndex === slidesCount) { activeSlideIndex = 0 } } else if(direction === 'next') { activeSlideIndex-- if(activeSlideIndex < 0) { activeSlideIndex = slidesCount - 1 } } Array.from(slides.children).forEach((slide, idx) => { if (idx === activeSlideIndex) { slide.classList.add('active'); } else { slide.classList.remove('active'); } }); const weigth= container.clientWeigth; slides.style.transform =`translateX(${activeSlideIndex * weigth}px) }