Alors, j'essayais de faire pour mon site Web une manière automatique que les mots puissent changer, mais je travaille presque, mais je reçois le mot "indéfini"; Pouvez-vous s'il vous plaît aider? https://imgur.com/a/yb11bte
P >
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ColorBundle | Welcome</title>
<!--BOOTSTRAP-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!--CSS-->
<link rel="stylesheet" href="./style/style.css">
<!--GOOGLE FONTS-->
<link href="https://fonts.googleapis.com/css?family=Odibee+Sans|Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap" rel="stylesheet">
<!--
font-family: 'Odibee Sans', cursive;
font-family: 'Raleway', sans-serif;
font-family: 'Shadows Into Light', cursive;
-->
</head>
<body>
<div class="nav">
<div class="nav-brand">
<h1>ColorBundle</h1>
</div>
<label for="toggle">☰</label>
<input type="checkbox" id="toggle">
<div class="menu">
<a href="#">HOME</a>
<div class="menu-mobile-border"></div>
<a href="#">ABOUT</a>
<div class="menu-mobile-border"></div>
<a href="#">WORKS</a>
<div class="menu-mobile-border"></div>
<a href="#">SERVICES</a>
<div class="menu-mobile-border"></div>
<a href="#">BLOG</a>
<div class="menu-mobile-border"></div>
<a href="#">CONTACT</a>
<div class="menu-mobile-border"></div>
</div>
</div>
<div class="top-img">
<h2><span id="wordChange">creative.</span></h2>
</div>
<script src="./script/changeword.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>3 Réponses :
Vous iTERE Over Warray, les index démarrent donc à 0. tandis que donc votre do mots.length vous donne index + 1
mots courants> mots.length est hors limites.
si (couroint> = mots.length)
Les tableaux Démarrage de vous allez sur à la place. index 0 en faisant index 4 ce qui n'existe pas.
Vous pouvez résoudre ce problème en faisant
1) Votre état doit vérifier correctement la longueur de la matrice (qui est basée sur l'index) afin de modifier 2) Vous augmentez immédiatement le compteur de sorte que le premier mot que vous voyez est à l'index 1, vous souhaitez donc déplacer l'incrémentation du compteur au bas de la fonction. P> de mots courants> mots.length code> à mots courants> = mots.length .
<div id="wordChange"/>
Peut-être que vous cliquez sur ce que les tags disent, tels que "non définis" avant de les assigner à votre question - la réponse est là, ou au moins un indice
Les matrices sont 0 à base de 0 à la fois, vous devez faire une boucle à 0 lorsque le mot
courante> = mots.lengthEt Déplacer
courante ++ Pour être la dernière ligne de la fonction, car vous sautez0 , qui est le premier élément du tableau.