andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update alternating-text.md

Browse Source
This commit is contained in:
Angelos Chalaris
2023-05-25 22:50:36 +03:00
committed by GitHub
parent 3e60750403
commit 5b07f98032
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
snippets/css/s/alternating-text.md
View File

@ -35,15 +35,16 @@ Creates an alternating text animation.
``` ```
```js ```js
const texts = ['Java','Python','C','C++','C#','Javascript']; const texts = ['Java', 'Python', 'C', 'C++', 'C#', 'Javascript'];
const element = document.getElementById('alternating-text'); const element = document.getElementById('alternating-text');
let i = 0;
const listener = (e) => { let i = 0;
i = i < texts.length-1 ? i + 1 : 0; const listener = e => {
i = i < texts.length - 1 ? i + 1 : 0;
element.innerHTML = texts[i]; element.innerHTML = texts[i];
} };
element.innerHTML = texts[0]; element.innerHTML = texts[0];
element.addEventListener("animationiteration", listener, false); element.addEventListener('animationiteration', listener, false);
``` ```