0% found this document useful (0 votes)
30 views23 pages

JavaScript and JSP Programming Scripts

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
30 views23 pages

JavaScript and JSP Programming Scripts

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

CONTENT

S No Advanced Java Programming Page


No
Tittle

1 Script showing use of variables in JavaScript 2

2 Script showing use of arrays in JavaScript 4

3 Script showing user defined functions 6

4 Script showing how JavaScript places code in the browser window 8

5 Script showing use of alert dialog box 10

6 Script showing use of prompt dialog box 12

7 Script showing use of Confirm dialog box 14

8 Program showing JavaScript front-end validation 16

9 Program implementing the concept of cookies in JSP 19

10 Program implementing the concept of session in JSP 22

1
1. SCRIPT SHOWING USE OF VARIABLES IN JAVASCRIPT

Aim:

To this program execute script use of variables in java script

Algorithm:
• Start the Program
• Declare the variables
• Print the variables
• Stop the program

Program :

<!DOCTYPE html>

<html>

<body>

<h1>JavaScript Variables</h1>

<p>In this example, price, price2, and total are variables.</p>

<p id="demo"></p>

<script>

const price1 = 5;

const price2 = 6;

let total = price1 + price2; [Link]("demo").innerHTML =

"The total is:” + total;

</script>

</body>

</html>

2
OUTPUT:

JavaScript Variables

In this example, price, price2, and total are

[Link] total is: 11

Result :
The above program executed the total number of given value.

3
2. SCRIPT SHOWING USE OF ARRAYS IN JAVASCRIPT

Aim:

To this program show use of arrays in javascript

Algorithm:
• Start the program
• Declare the variables
• find the length of array
• Print the array value
• Stop the program

Program :

The length Property

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Arrays</h2>

<p>The length property returns the length of an array.</p>

<p id="demo"></p>

<script>

const fruits = ["Banana", "Orange", "Apple", "Mango"];

Document. get Element By Id ("demo").inner HTML = fruits. length;

</script>

</body>

</html>

4
OUTPUT:

JavaScript Arrays

The length property returns the length of an

array.4

Result:
The above program executed successfully to show the value of arrays

5
3. SCRIPT SHOWING USER DEFINED FUNCTIONS

Aim:
To this program to show the user defined functions

Algorithm:
• Start the program
• Declare the variables and user_defined functions
• execute the functions
• Print the functions and variables
• Stop the program

Program:
<html>

<head>

<title>Write your title here </title>


<scripttype="text/javascript" >

function add(x,y)

return (x+y);

</script>

</head>

<body>

<script type="text/javascript">

var x=add(12,12);

[Link]("Addition is " + x);

</script>

</body>

</html>

6
OUTPUT:

Addition is 24

Result:
The above program executed successfully to show the add of two value of arrays

7
4. SCRIPT SHOWING HOW JAVASCRIPT
PLACES CODE IN THE BROWSER WINDOW

Aim:
To this program to show the code in browser window

Algorithm:
• Start the program
• Declare the variables functions
• Run the program
• It show the current window size
• Stop the program

Program:

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Window</h2>

<p id="demo"></p>

<script>

[Link]("demo").innerHTM

L=

"Browser inner window width: " + [Link] + "px<br>"

+"Browser inner window height: " + [Link] + "px";

</script>

</body>

</html>

8
OUTPUT:

JavaScript Window

Browser inner window width: 607px Browser inner window height: 556px

Result:
To above this program executed the current window size.

9
5. SCRIPT SHOWING USE OF ALERT DIALOG BOX

Aim:
To show the alert message with dialog box

Algorithm:
• Start the program
• Declare the variable and functions
• Run the program
• Display the output with dialogbox
• Stop the program

Program :

<!DOCTYPE html>

<html>

<head>

<script type="text/java script">

function Confirmation()

var Val = confirm("Do you want to continue ?");

if ( Val == true )

[Link] (" CONTINUED!");

return true;

Else
{

[Link] ("NOT CONTINUED!");

return false;

</script>

10
</head>

<body>

<p>Click me: </p>

<form>
<input type="button" value="Click Me"

Onclick="Confirmation()" >

</form>

</body>

</html>

OUTPUT:

Result:
To above this program executed successfully with dialog box .

11
6. SCRIPT SHOWING USE OF PROMPT DIALOG BOX

Aim:
To this program use to prompt dialog box.

Algorithm:
• Start the program
• Declare the variable and functions
• Run the program
• Print the statements
• Stop the program

Program :

<!DOCTYPE html>

<html>

<body>

<h1>The Window Object</h1>

<h2>The prompt() Method</h2>

<p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>

function myFunction()

let person = prompt("Please enter your name", "Harry

Potter");if (person != null)

[Link]("demo").innerHTML =

"Hello " + person + "! How are you today?";

12
}

</script>

</body>

</html>

OUTPUT:

The Window Object

The prompt() Method

Click the button to demonstrate the prompt box.

Result:
The above program is use to prompt the dialog box.

13
7. SCRIPT SHOWING USE OF CONFIRM DIALOG BOX

Aim:
To this program use of confirm dialog box.

Algorithm:
• Start the program
• Declare the variable and functions
• Run the program
• Print the statements
• Stop the program

Program :

<!DOCTYPE html>

<html>

<body>

<h1>The Window Object</h1>

<h2>The confirm() Method</h2

<p>Click the button to display a confirm box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>

function my Function()

let text;

if (confirm("Press a button!") == true)

text = "You pressed OK!";

}
else

text = "You canceled!";

}
14
[Link]("demo").innerHTML = text;

</script>

</body>

</html>

OUTPUT:

The Window Object The

confirm () Method

Click the button to display a


confirm box.

Result:
To this program swap the numbers using function templates.

15
8. PROGRAM SHOWING JAVASCRIPT FRONT-END VALIDATION

Aim:
To this program show java script Front-End Validation

Algorithm:
• Start the program
• Declare the variable and functions
• Create the table with options
• Run the program
• Print the table and functions
• Stop the program

Program :
<html>

<head>

<title>Form Validation</title>

<script type = "text/javascript">

<!--

// Form validation code will come here.

//-->

</script>

</head>

<body>

<form action = "/cgi-bin/[Link]" name = "myForm" onsubmit = "return(validate());">

<table cellspacing = "2" cellpadding = "2" border = "1">

<tr>

<td align = "right">Name</td>

<td><input type = "text" name = "Name" /></td>

</tr>

<tr>

<td align = "right">EMail</td>

<td><input type = "text" name = "EMail" /></td>

</tr>

16
<tr>

<td align = "right">Zip Code</td>

<td><input type = "text" name = "Zip" /></td>

</tr>

<tr>

<td align = "right">Country</td>

<td>

<select name = "Country">

<option value = "-1" selected>[choose yours]</option>

<option value = "1">USA</option>

<option value = "2">UK</option>

<option value = "3">INDIA</option>

</select>

</td>

</tr>

<tr>

<td align = "right"></td>

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

</tr>

</table>

</form>

</body>

</html>

17
OUTPUT:

Result :
To this program display the show java script Front-End Validation

18
9. PROGRAM IMPLEMENTING THE CONCEPT OF COOKIES IN JSP

Aim:
To program implementing the concept of cookies in jsp.

Algorithm:
• Start the program
• Declare the variable and functions
• Enter the cookie function and html tags
• Run the program
• Print the table and functions
• Stop the program

Program:

<%

// Create cookies for first and last names.

Cookie firstName = new Cookie("first_name",

[Link]("first_name"));Cookie lastName = new

Cookie("last_name", [Link]("last_name"));

// Set expiry date after 24 Hrs for both the

[Link](60*60*24);

[Link](60*60*24);

// Add both the cookies in the response

[Link]( firstName );

[Link]( lastName );

%>

<html>

<head>

<title>Setting Cookies</title>
19
</head>

<body>

<center>

<h1>Setting Cookies</h1>

</center>

<ul>

<li><p><b>First Name:</b>

<%= [Link]("first_name")%>

</p></li>

<li><p><b>Last Name:</b>

<%= [Link]("last_name")%>

</p></li>

</ul>

</body>

</html>

Let us put the above code in [Link] file and use it in the following
HTMLpage −

<html>

<body>

<form action = "[Link]" method = "GET">

First Name: <input type = "text" name = "first_name">

<br />

Last Name: <input type = "text" name = "last_name" />

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

</form>

</body>

</html>

20
OUTPUT:

First

Name:

Last

Name:

Submit

Result:
This program execute successfully to implementing the concept of cookies in jsp.

21
[Link] IMPLEMENTING THE CONCEPT OF SESSION IN JSP

Aim:
To program implementing the concept of session in jsp.

Algorithm:
• Start the program
• Declare the variable and functions
• Enter the cookie function and html tags
• Run the program
• Print the table and functions
• Stop the program

Program :

<%@ page language="java" contentType="text/html;

charset=ISO-8859-1"pageEncoding="ISO-8859-1"%>

<!DOCTYPE html >

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Session In JSP</title>

</head>

<body>

<%

[Link](true);

[Link]("Is Session New : "+[Link]());

[Link]("Session Creation Time :

"+[Link]());Object name = "Raju";

Object title = "Singh";

[Link]("name", name);

22
[Link]("title", title);

[Link]("Name = "+ [Link]("name"));

[Link]("Title = "+ [Link]("title"));

[Link] e =

[Link]();[Link]("Attributes

Are : "); while([Link]())

[Link]([Link]());

[Link]();

%>

</body>

</html>

OUTPUT:

Result:
This program execute successfully to the program
implementing the concept of session in jsp.

23

You might also like