JavaScript Program

-
Copy Text JavaScript Program (for beginners)

 This is simple JavaScript Program with example to Copy Text from Different Field.

<html>
<head>
<title>Copy text</title>
</head>
<body>
<center><h2>Copy text from different field</h2>
<p>
<input type="text" style="color: #FF0080;background-color: #C9C299" id="field1" value="Good Morning">
<input type="text" style="color: #FF0080;background-color: #C9C299" id="field2">
<button style="background-color: #E799A3" onclick="document.getElementById('field2').value = document.getElementById('field1').value">Click to Copy Text
</p></center>
</body>
</html>

Form Validation JavaScript Program (for beginners)

 This is a simple JavaScript form validation program with example.


  • Colors
  • Resume Format
  • Reverse address lookup
  • Your Name
<html>
<head>
<script type="text/javascript">
function sub()
{
if(document.getElementById("t1").value == "")
alert("Please enter your name");
else if(document.getElementById("t2").value == "")
alert("Please enter a password");
else if(document.getElementById("t2").value != document.getElementById("t3").value)
alert("Please enter correct password");
else if(document.getElementById("t4").value == "")
alert("Please enter your address");
else
alert("Form has been submitted");
}
</script>
</head>
<body>
<form>
<p align="center">
User Name:<input type="text" id="t1"><br><br>
Password:<input type="text" id="t2"><br><br>
Confirm Password:<input type="text" id="t3"><br><br>
Address:<textarea rows="2" cols="25" id="t4"></textarea><br><br>
<input type="button" value="Submit" onclick="sub()">
<input type="reset" value="Clear All">
</p>
</form>
</body>
</html>




Best Of Luck

Comments

Post a Comment

Popular posts from this blog

-
Image
Top 10 Programming Languages Important To Learn  Financial and enterprise systems need to perform complicated functions and remain highly organized, requiring languages like Java and C#. Media- and design-related webpages and software will require dynamic, versatile and functional languages with minimal code, such as Ruby, PHP, JavaScript and Objective-C. 1. C Language C  is a high-level and general purpose  programming language  that is ideal for developing firmware or portable applications. Originally intended for writing system software,  C  was developed at Bell Labs by Dennis Ritchie for the Unix Operating System (OS) in the early 1970s.  Dennis MacAlistair Ritchie was an American computer scientist. C  is a very powerful and widely  used  language. It is  used  in many scientific programming  situations. It forms (or is the basis for) the core of the modern languages Java and C++. It al...
Read more

A Javascript Program To make (open new window and close that window) button in your web browser.

-
Image
A Javascript Program To make (open new window and close that window) button in your web browser. < html > < head > < script > function openWin() { myWindow=window.open("","","width=200,height=100"); myWindow.document.write(" <p >This is 'myWindow' </ p >"); } function closeWin() { myWindow.close(); } </ script > </ head > < body > < input type =" button " value =" Open 'myWindow' " onclick =" openWin() " / > < input type =" button " value =" Close 'myWindow' " onclick =" closeWin() " / > </ body > </ html >    
Read more

A simple running clock in javascript

-
A simple running clock in javascript Here I show how to code for a simple digital clock in javascript. The advantage of javascript is that it is only a client side scripting language.  Here’s the code… <html> <head> <title></title> <script type=”text/javascript”> function getClock() { var clock = new Date(); var hours12; var ampm = “AM”; var hours24 = clock.getHours(); var minutes = clock.getMinutes(); var seconds = clock.getSeconds(); if (hours24>=13) { hours12 = hours24 – 12; ampm = “PM”; } else if (hours24==12) { hours12 = 12; ampm = “PM”; } else if (hours24==0) { hours12 = 12; } else { hours12 = hours24; } if(hours12<10) { hours12 =”0″+hours12; } if (minutes<10) { minutes = “0” + minutes; } if(seconds<10) { seconds =”0″+seconds; } var ti...
Read more