Passer au contenu

JavaScript : donner un effet de montagne russe à son texte

Comment : en attribuant une taille différente à chaque lettre.Vous aimeriez égayer votre site Web en ajoutant des effets à vos titres. Accessible aux débutants, le…

Comment : en attribuant une taille différente à chaque lettre.Vous aimeriez égayer votre site Web en ajoutant des effets à vos titres. Accessible aux débutants, le langage Java-Script permet d’obtenir des effets spectaculaires, comme celui nommé montagne russe. L’astuce consiste, dans ce
cas, à attribuer une taille différente à chaque lettre qui compose votre texte. Pour parcourir votre texte lettre par lettre, définissez une boucle for partant de 0 et allant jusqu’à la fin du texte, déterminée par la méthode length. Les opérations
effectuées dans cette boucle se font lettre par lettre. Vous devez ensuite exploiter une variable pour stocker la taille des caractères, et une autre pour savoir si la montagne monte ou descend afin de bien définir la taille de chaque lettre.
Utilisez des conditions if basées sur ces deux variables, afin d’assigner la bonne taille au bon caractère. Enfin, il ne reste plus qu’à afficher chaque caractère avec sa taille correspondante. C’est le rôle de la méthode charAt(n), qui sélectionne
le n-ième caractère, et la méthode fontsize, qui lui affecte la taille voulue.

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


La rédaction