Matheus Alves Ferreira de Carvalho

No fim, ficou assim

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.

Muitoooo Obrigado, me ajudou muito.

<div class="box"> <form action=""> <fieldset> <legend><b>Cadastrar-se</b></legend> <br><br> <div class="inputBox"></div> <input type="text" name="nome" id="nome" class="inputUser" required> <label for="nome">Nome Completo</label> </div> <br></br> <div class="inputBox"></div> <input type="email" name="email" id="email" class="inputUser" required> <label for="email">E-mail</label> </div> <br></br> <div class="inputBox"></div> <input type="tel" name="telefone" id="telefone" class="inputUser" required> <label for="telefone">Telefone</label> </div> <br></br> <p>Sexo:</p> <input type="radio" id="feminino" name="genero" value="feminino" required> <label for="feminino">Feminino</label> <br><br> <input type="radio" id="masculino" name="genero" value="masculino" required> <label for="masculino">Masculino</label> <br><br> <input type="radio" id="outro" name="genero" value="outro" required> <label for="outro">Outros</label> <br></br> <div class="inputBox"></div> <label for="data_nascimento"><b>Data de Nascimento:</b></label> <input type="date" name="data_nascimento" id="data_nascimento" class="data_nascimento" required> </div> <br></br> <div class="inputBox"> <input type="text" name="cidade" id="cidade" class="inputUser" required> <label for="cidade">Cidade</label> </div> <br></br> <div class="inputBox"></div> <input type="text" name="estado" id="estado" class="inputUser" required> <label for="estado">Estado</label> </div> <br></br> <div class="inputBox"></div> <input type="text" name="endereco" id="endereco" class="inputUser" required> <label for="endereco" class="labelInput">Endereço</label> </div> OBS: Não sei onde esta o erro já revisei umas 20 vezes e já arrumei muita coisa que estava errado. Portanto o problema que estou sofrendo é que, as informações não estão ficando dentro da box, fica tudo fora dela. Dentro disso não sei se não fechei alguma div ou escrevi algo errado.