Boas estou a tentar este código de javaScript no meu html.
let slideIndex = 0;
showSlides();
function showSlides() {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 5000); // Change image every 2 seconds
}
Mas quando chamo o js ele não funciona apenas da se eu pegar no codigo e o colocar dentro do html entre < scripts >.
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Projeto de ai.css">
<link rel="icon" href="imagens/icon.png">
<title>Projeto de AI</title>
</head>
<body >
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="imagens/imagem1.jpg" style="width:100%">
<div class="texto">Caption Text</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="imagens/imagem2.jpg" style="width:100%">
<div class="texto">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="imagens/imagem3.jpg" style="width:100%">
<div class="texto">Caption Three</div>
</div>
</div>
<script src="/Projeto de ai.js" type="text/javascript"></script>
</body>
</html>
alguém me pode ajudar a entender o porque?
<script src="/Projeto de ai.js"...>
com essa tag ele vai buscar o teu script na "raiz" do projeto, por causa da barra, veja se está no lugar certo... se estiver na mesma pasta da página html, remova a barra... sugiro também evitar espaços no nome