akhmadkresna/index.html

## index.html
<html>
<head>
    <link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div id="typedtext"></div>
    <script src="script.js"></script>
</body>
</html>

## script.js
// set up text to print, each item in array is new line
var aText = new Array(
"Somebody or something using your keyboard"
);
var iSpeed = 100; // time delay of print out
var iIndex = 0; // start printing array at this posision
var iArrLength = aText[0].length; // the length of the text array
var iScrollAt = 20; // start scrolling up at this many lines

var iTextPos = 0; // initialise text position
var sContents = ''; // initialise contents variable
var iRow; // initialise current row

function typewriter()
{
 sContents =  ' ';
 iRow = Math.max(0, iIndex-iScrollAt);
 var destination = document.getElementById("typedtext");

 while ( iRow < iIndex ) {
  sContents += aText[iRow++] + '<br />';
 }
 destination.innerHTML = sContents + aText[iIndex].substring(0, iTextPos) + "_";
 if ( iTextPos++ == iArrLength ) {
  iTextPos = 0;
  iIndex++;
  if ( iIndex != aText.length ) {
   iArrLength = aText[iIndex].length;
   setTimeout("typewriter()", 500);
  }
 } else {
  setTimeout("typewriter()", iSpeed);
 }
}


typewriter();

## style.css
body {
  font-family: monospace;
  font-size:30px;
  margin: 10px 50px;
  letter-spacing: 6px;
  font-weight: bold;
}
	<html>
	<head>
	<link href="style.css" rel="stylesheet" type="text/css"/>
	</head>
	<body>
	<div id="typedtext"></div>
	<script src="script.js"></script>
	</body>
	</html>
	// set up text to print, each item in array is new line
	var aText = new Array(
	"Somebody or something using your keyboard"
	);
	var iSpeed = 100; // time delay of print out
	var iIndex = 0; // start printing array at this posision
	var iArrLength = aText[0].length; // the length of the text array
	var iScrollAt = 20; // start scrolling up at this many lines

	var iTextPos = 0; // initialise text position
	var sContents = ''; // initialise contents variable
	var iRow; // initialise current row

	function typewriter()
	{
	sContents = ' ';
	iRow = Math.max(0, iIndex-iScrollAt);
	var destination = document.getElementById("typedtext");

	while ( iRow < iIndex ) {
	sContents += aText[iRow++] + '<br />';
	}
	destination.innerHTML = sContents + aText[iIndex].substring(0, iTextPos) + "_";
	if ( iTextPos++ == iArrLength ) {
	iTextPos = 0;
	iIndex++;
	if ( iIndex != aText.length ) {
	iArrLength = aText[iIndex].length;
	setTimeout("typewriter()", 500);
	}
	} else {
	setTimeout("typewriter()", iSpeed);
	}
	}


	typewriter();
	body {
	font-family: monospace;
	font-size:30px;
	margin: 10px 50px;
	letter-spacing: 6px;
	font-weight: bold;
	}