MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
function updateText(text){ | |||
function updateText(text){ | function updateText(text){ | ||
| Line 5: | Line 7: | ||
let delay = 200; | let delay = 200; | ||
let | let h1 = document.getElementById("animated"); | ||
h1.innerHTML = text | h1.innerHTML = text | ||
| Line 17: | Line 19: | ||
Array.from(h1.children).forEach((span, index) => { | Array.from(h1.children).forEach((span, index) => { | ||
setTimeout(() => { | setTimeout(() => { | ||
span.classList.add(" | span.classList.add("wavy"); | ||
}, index * 60 + delay); | }, index * 60 + delay); | ||
}); | }); | ||
} | } | ||
document.getElementById('textField').addEventListener('input', (event)=>{ | |||
updateText(event.target.value); | |||
}) | |||
updateText("Hello, World."); | |||
Revision as of 14:28, 23 November 2023
/* Any JavaScript here will be loaded for all users on every page load. */
function updateText(text){
function updateText(text){
let delay = 200;
let h1 = document.getElementById("animated");
h1.innerHTML = text
.split("")
.map(letter => {
console.log(letter);
return `<span>` + letter + `</span>`;
})
.join("");
Array.from(h1.children).forEach((span, index) => {
setTimeout(() => {
span.classList.add("wavy");
}, index * 60 + delay);
});
}
document.getElementById('textField').addEventListener('input', (event)=>{
updateText(event.target.value);
})
updateText("Hello, World.");