Effet machine à écrire incomplet
Bonjour à tous,
Je créé actuellement mon premier site web où j'essaie d'incorporer quelques éléments en JS.
Il s'agit d'un portfolio donc j'ai souhaité mettre la présentation sous forme de questions qui, quand on clic dessus génère une réponse avec un TypeWritter, j'ai suivi un tuto et ça à plutôt bien marché ( je comprends à 80% la structure) mais il à un point qui bloque et je ne trouve pas de réponse sur le net ( ou du moins je comprends pas la solution ) le voici : Quand je clic sur la première ligne cela affiche la réponse de 1ère, mais si je clic sur disons la 3ème cela affichera la 3ème mais aussi les 2 précédentes.
Le code est assez simple :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| var i = "";
var txt1 = ' test1 ';
var i2 = "";
var txt2 = ' test2 ';
function typewriter()
{
if (i < txt1.length)
{
document.getElementById("demo").innerHTML += txt1.charAt(i);
i++;
setTimeout(typewriter, speed);
}
else if (i2 < txt2.length)
{
document.getElementById("demo2").innerHTML += txt2.charAt(i2);
i2++;
setTimeout(typewriter, speed);
} |
