Basic Javascript Teletype not working

Asked Nov 22 '16 at 19:46

Active Nov 22 '16 at 19:48

Viewed 20 times

I'm just trying to get words to appear one character at a time, but it seems to be eluding my noob-like JavaScript skills. Please can someone set me straight?

Thank you in advance!

var str1 = "Hello World!";
var str2 = "";
 
for (var i = 0; i < str1.length; i++) {
 setTimeout(function() {
  str2 += str1.slice(i, i + 1);
  document.getElementById("stringy").innerHTML = str2;
 }, 200);
};

<div id="stringy"></div>

edited Nov 22 '16 at 19:48

asked Nov 22 '16 at 19:46

Cuckoo

`for (let i = 0; ..... restOfYourCode` A demo for you: https://jsfiddle.net/tk2ssjmr/ – Rajaprabhu Aravindasamy Nov 22 '16 at 19:47
You are setting the timeout from 200 ms from when the `for` executes, which means all at once. try `setTimeout(..., 200*i);` – Wazzaps Nov 22 '16 at 19:48
**which means all at once** No, it would be executed one after other. But not with any interval gap. – Rajaprabhu Aravindasamy Nov 22 '16 at 19:49

Basic Javascript Teletype not working

0 Answers0