facebook@jsbanktwitter@js_bankgoogle+javascriptbanknewsletterrss@jsbank
Guest, register






ieoBIN.com - The Best IEO List to Discover, Invest in 2019

JavaScript Code Examples: Part One JavaScript - one of the programming languages in the client-side, an useful programming language for web development. The syntax of JavaScript look like Java but it's easier to learn. And this post is the first part in the series of JavaScript code examples, simple & easy to master.


Simple alert box:


<html>
<head>
<script type="text/javascript">
function show_alert()
{
 alert("Simple alert box!");
}
</script>
</head>
<body>

<input type="button" onclick="show_alert()" value="Show alert" />

</body>
</html>

Alert box with line breaks:


<html>
<head>
<script type="text/javascript">
function show_alert()
{
 alert("This is how simple it is to" + 'n' + "add line breaks to an alert box!");
}

</script>
</head>
<body>

<input type="button" onclick="show_alert()" value="Show alert" />

</body>
</html>

Display a confirmation dialog:


<html>
<head>
<script type="text/javascript">

function show_confirm()
{
 var val = confirm("Press a button");
 if (val == true)
 {
 alert("You pressed OK!");
 }
 else
 {
 alert("You pressed Cancel!");
 }
}
</script>
</head>
<body>

<input type="button" onclick="show_confirm()" value="Show a confirm box" />

</body>
</html>

Simple timer:


<html>
<head>
<script type="text/javascript">

function fireTimer()
{
 var t = setTimeout("alert('2 seconds!')",2000);
}
</script>
</head>

<body>

<input type="button" value="Display timer" onClick = " fireTimer()">

</body>
</html>

Determine which mouse button was clicked:


<html>
<head>
<script type="text/javascript">

function whichButtonClick(event)
{
 if (event.button==2)
 {
 alert("You clicked the right mouse button!");
 }
 else
 {
 alert("You clicked the left mouse button!");
 }
}
</script>
</head>

<body onmousedown="whichButtonClick(event)">

</body>

</html>

Reset a form:


<html>
<head>
<script type="text/javascript">
function formReset()
{
 document.getElementById("testform").reset();
}

</script>
</head>

<body>

<form id="testform">
Name: <input type="text" size="20"><br />

Address: <input type="text" size="20"><br />
<br />
<input type="button" onclick="formReset()" value="Reset">

</form>

</body>
</html>

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web