Given below is a simple Javascript example.
This example prints the input names. Has also a timer to
display the current time.
THIS IS JUST A BASIC ONE
<HTML>
<HEAD>
<TITLE>Jehovah - My First Script Page</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=JavaScript>
function runValidation()
{
var txtFName, txtLName;
txtFName = document.getElementById("txtFirstName");
txtLName = document.getElementById("txtLastName");
if((txtFName.value == "") || (txtLName.Value == ""))
{
alert("Invalid Input");
return false;
}
else
{
return true;
}
}
function printNames()
{
var isValidated = runValidation();
if(isValidated != true)
return;
var txtObject;
var sName = "";
txtObject = document.getElementById("txtFirstName");
sName = txtObject.value;
txtObject = document.getElementById("txtLastName");
sName = sName + " " + txtObject.value;
sName = "Hi " + sName;
var divTag;
divTag = document.getElementById("divPrintSpace");
divTag.innerHTML = sName;
}
function startTimer()
{
//Function printTime() executes after 100 ms
var t = setTimeout("printTime()", 100);
}
function printTime()
{
var dateTime = new Date();
var divTag;
var timeText;
divTag = document.getElementById("divPrintSpace");
divTag.innerHTML = dateTime.getHours() + ":" +
dateTime.getMinutes() + ":" +
dateTime.getSeconds();
startTimer();
}
</SCRIPT>
<INPUT TYPE = TEXT ID = "txtFirstName">
<INPUT TYPE = TEXT ID = "txtLastName">
<INPUT TYPE = TEXT ID = "txtTimeNow" OnChange="startTimer()">
<INPUT TYPE = BUTTON ID = "btnStartTimer" VALUE="Start Timer" OnClick = "startTimer()">
<INPUT TYPE = BUTTON ID = "btnSubmitNames" VALUE="Submit Names" OnClick = "printNames()">
<H1><DIV ID = "divPrintSpace"></DIV></H1>
</BODY>
</HTML>
For Comment Comments, Suggestions, Knowledge sharing give a common for this
post
No comments:
Post a Comment