Carrossel

[Matheus Alves Ferreira de Carvalho]

const imgs = document.getElementById("img");

const img = document.querySelectorAll("#img img");

 

let idx = 0;

 

function carrossel(){

    idx++;

 

    if(idx > img.length - 1){

        idx = 0;

    }

 

    img.style.transform = 'translateX(${-idx * 500}px)';

}

 

setInterval(carrossel, 1800);

 

OBS: Estou em um projeto onde preciso fazer um (Cabeçalho e um Carrossel com img) mas quando salvo todas as imagens ficam de lado e não ficam em uma 

só imagem para "ela" = Carrossel. Passar automaticamente, não sei onde estou errando. Logo em cima está o JS. Não sei se é esse main que esta dando erro. ME AJUDA PFVR.