CodePen Embed - TypeWriter Effect

<h1>Typewriter Effect Demo</h1> 
<!-- Adding button -->
<button onclick="typeWriter()">Click me</button>
<p id="typeeffect"></p>

var i = 0; 
var txt = 'This a type writer effect demo.';
var speed = 50;
function typeWriter() 
{ 
  if (i < txt.length)
  { 
    document.getElementById("typeeffect").innerHTML += txt.charAt(i); 
    i++;
    setTimeout(typeWriter, speed); 
  }
}

This Pen is owned by adaptabiz on CodePen.

See more by @adaptabiz on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.