Manual of Javascript

Example 1: JavaScript Program to Print Hello World
<html>
<body>
<script type="text/javascript">
alert("Hello World");
</script>
</body>
</html>
Output
Example 2: JavaScript Program to Find the Factorial of a Number

<!DOCTYPE html>
<html>
<head>
</head>
<body style = "text-align: center; font-size: 20px;">
<h1> Welcome to the javaScript world!! </h1>
Enter a particular number: <input id = "num">
<br><br>
<button onclick = "fact()"> Please type any Factorial number </button>
<p id = "res"></p>
<script>
function fact(){
var i, num, f;
f = 1;
num = document.getElementById("num").value;
for(i = 1; i <= num; i++)
{
f = f * i;
}
i = i - 1;
document.getElementById("res").innerHTML = "The factorial of the number " + i + " is: " +
f;
}
</script>
</body>
</html>
Output
Example 3 JavaScript Program to Format the Date With Expected Output

mm-dd-yyyy, mm/dd/yyyy or dd-mm-yyyy, dd/mm/yyyyvar today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1;
var yyyy = today.getFullYear();
if(dd<10)
dd='0'+dd;
if(mm<10)
mm='0'+mm;
}
today = mm+'-'+dd+'-'+yyyy;
console.log(today);
today = mm+'/'+dd+'/'+yyyy;
console.log(today);
today = dd+'-'+mm+'-'+yyyy;
console.log(today);
today = dd+'/'+mm+'/'+yyyy;
console.log(today);
Output
11-10-2021
11/10/2021
10-11-2021
10/11/2021
Example 4: JS Form Program Example

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
let x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Please enter your Name");
return false;
</script>
</head>
<body>
<h2>JavaScript Test Validation</h2>
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"

method="post">
Enter Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>
Output
Example 5: POPUP Message Program Using Event

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Confirm Box</h2>
<button onclick="myFunction()">Please Try it</button>
<p id="Test Confirm Box"></p>
<script>
function myFunction() {
var txt;
if (confirm("Please Press a button!")) {
txt = "You pressed Button!";
} else {
txt = "You pressed Cancel Button!";
}
document.getElementById("Test Confirm Box").innerHTML = txt;
}
</script>
</body>
</html>
Output
Example 6: Display Alert for Prompt Message Program

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Prompt Example</h2>
<button onclick="myFunction()">Please Try for Prompt message</button>
<p id="Prompt Example"></p>
<script>
let text;
let user = prompt("Please enter your name:", "Your First Name");
if (user == null || user == "") {
text = "User cancelled the prompt.";
} else {
text = "Hello " + person + "! How are you?";
}
document.getElementById("Prompt Example").innerHTML = text;
}
</script>
</body>
</html>
Output
Example 7: Line-Breaks Pop-Up Message
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript</h2>
<p>Line-breaks Example in a popup box.</p>
<button onclick="alert('Hello\nHow are you?')">Please Try for line-breaks
Example</button>
</body>
</html>
Output
Example 8: JS Screen Program Using Javascript

<!DOCTYPE html>
<html>
<body>
<p id="ScreenColorDepth"></p>
<script>
document.getElementById("ScreenColorDepth").innerHTML =
"Screen color depth is " + screen.colorDepth;
</script>
</body>
</html>
Output
Example 9: JavaScript Timer
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Timing Sample</h2>
<p>Click on "Try it". Wait 5 seconds, and the page will alert "Hello How are you!!".</p>
<button onclick="setTimeout(myFunction, 5000);">Try it</button>
<script>
alert('Hello How are you!!');
}
</script>
</body>
</html>
Output
Practical Lab Programs in Javascript
1. Write a JavaScript program to swap the value of two variables without using a third
variable. Take the value of both variables from the user.
2. Write a JavaScript program to calculate the area of a square
3. Write a Javascript program to convert Kilometers to centimetrs
4. Develop a JavaScript program to perform following arithmetic operations: addition,
subtraction, multiplication and division.
Solutions
1)Write a JavaScript program to swap the value of two variables without using a third
variable. Take the value of both variables from the user.
<html>
<head>
<title>Javascript</title></head>
<body>
var x=parseInt(prompt("Enter first number"));
var y=parseInt(prompt("Enter second number"));
x = x+y ;
y = x -y ;
x = x -y ;
document.write("x =");
document.write(x);
document.write("<br>");
document.write("y =");
document.write(y);
</script>
</body>
</html>
2) Write a Javascript program to calculate the area of a square

<html>
<head>
<title>Area of square</title></head>
<body>
var s=parseInt(prompt("enter the side of square"));
var area;
area=s*s;
document.write("Area of square=");
document.write(area);
</script>
</body></html>
3)Write a Javascript program to convert Kilometers to centimetrs
<html>
<head>
<title>javascript</title></head>
<body>
var km=parseInt(prompt("enter the value in Kilometer"));
var cm;
cm=100000*km;
document.write("kilometre to centimetre=");
document.write(cm);
</script>
</body>
</html>
4 )Develop a JavaScript program to perform following arithmetic operations: addition,

subtraction, multiplication and division.
<html>
<head>
<title>Arithmetic operators in Javascript</title></head>
<body>
var a=parseInt(prompt("enter first number"));
var b=parseInt(prompt("enter second number"));
var sum;
var difference;
var product;
var quotient;
sum=a+b;
difference=a-b;
product=a*b;
Quotient=a/b;
document.write("Sum= ");
document.write(sum);
document.write("Difference =");
document.write(difference);
document.write("Product=");
document.write(product);
document.write("Quotient=");
document.write(quotient);
</script>
</body>
</html>

Manual of Javascript

Uploaded by

Copyright:

Available Formats

Manual of Javascript

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Manual of Javascript

Uploaded by

Copyright:

Available Formats

Example 1: JavaScript Program to Print Hello World

Example 2: JavaScript Program to Find the Factorial of a Number

Example 3 JavaScript Program to Format the Date With Expected Output

var yyyy = today.getFullYear();

Example 4: JS Form Program Example

alert("Please enter your Name");

<h2>JavaScript Test Validation</h2>

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"

Enter Name: <input type="text" name="fname">

<input type="submit" value="Submit">

Example 5: POPUP Message Program Using Event

Example 6: Display Alert for Prompt Message Program

Example 8: JS Screen Program Using Javascript

2) Write a Javascript program to calculate the area of a square

4 )Develop a JavaScript program to perform following arithmetic operations: addition,

You might also like