vaporvee/destruction-of-legacy
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added multiple line support

Browse Source
This commit is contained in:
Yannik
2023-05-26 16:33:18 +02:00
parent 473ebbcc93
commit 2bb288b827
3 changed files with 35 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
text_horror/app.js
View File

@@ -1,11 +1,26 @@
var i = 0;
var txt = 'Hello welcome to TextHorror!';
var speed = 50;
var dlgLines = ["Hello welcome to TextHorror", "This is the second line"];
var dlgPointer = 0;
var i = 0;
function typeWriter() {
if (i < txt.length) {
document.getElementById("bubble").innerHTML += txt.charAt(i);
if (document.getElementById("bubble").innerHTML.length - 1 < dlgLines[dlgPointer].length) {
document.getElementById("bubble").innerHTML += dlgLines[dlgPointer].charAt(i);
i++;
setTimeout(typeWriter, speed);
setTimeout(typeWriter, speed);//loops because of running "typeWriter" after waiting
}
}
function mouseClick() {
if (document.getElementById("bubble").innerHTML.length == dlgLines[dlgPointer].length) {
if (dlgPointer < dlgLines.length - 1) {
dlgPointer++;
i = 0;
document.getElementById("bubble").innerHTML = "";
typeWriter();
} else {
document.getElementById("bubble").hidden = true;
document.getElementById("triangle").hidden = true;
}
}
}