Java Script


JavaScript Tutorial


Admission Enquiry Form


Read Character by Character in JavaScript


Code to read character by character in JavaScript

<html>
<head>
<title>Reading character by character</title>
<script>
var ctr=0;
function displayString()
{
//alert("hello");
var x=document.getElementById("txt1").value;
var y=document.getElementById("txt2");
if(ctr<x.length)
{
y.value=y.value + x.charAt(ctr);
ctr++;
}
else
{
ctr=0;
y.value="";
}

setTimeout(displayString,500);

}
</script>
</head>
<body>
<h1>Reading character by Character</h1>
<div style="background-color:grey;width: 300px; height: 150px; padding: 20px; border-radius: 10px;">
<form>
<p>Enter a String :<input type="text" id="txt1" /></p>
<p>Your String is :<input type="text" id="txt2" /></p>
<p><input type="button" value="Display String" onClick="displayString()"/></p>

</form>

</div>

</body>
</html>



Output:

Reading character by Character

Enter a String :

Your String is :