Scribd
Upload
10 views

SKILL SET 3 JavaScript All Code and Output PDF

The document provides a series of JavaScript programs that demonstrate various client-side scripting tasks. These include accepting integers, comparing values, checking positivity, string manipulation, and validating input through event-driven programming. Each task is accompanied by HTML structure and JavaScript code snippets to illustrate the implementation.

Uploaded by

binatajana88
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
10 views

SKILL SET 3 JavaScript All Code and Output PDF

The document provides a series of JavaScript programs that demonstrate various client-side scripting tasks. These include accepting integers, comparing values, checking positivity, string manipulation, and validating input through event-driven programming. Each task is accompanied by HTML structure and JavaScript code snippets to illustrate the implementation.

Uploaded by

binatajana88
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
You are on page 1/ 12

SKILL SET 3

Client Side Scripting (JavaScript)


SOP 1: Create a JavaScript program for the following using appropriate variables,
JavaScript inbuilt functions, and control structures.

• To accept an integer and display the result by multiplying it with 3.


• To accept two integers and display a larger number of them.
• To check whether the user entered number is positive or negative.
Answer:
To accept integer and display the result by multiplying it with 3.
<!DOCTYPE html>
<head>
<title>To accept integer and display the result by multiplying it with 3.</title>
</head>
<body>
<script language=”javascript”> var a,no,ans;
a=prompt(Enter any value’);
no=parseInt(a);
ans=no*3;
document.
write(“The answer is :”+ans);
</script>
</body>
</html>
• To accept two integers and display larger number of them.
<!DOCTYPE html>
<head>
<title>To accept two integers and display larger number of them.</title>
</head>
<body>
<script language=”javascript”>
var a,b;
a=prompt(‘Enter first value’);
b=prompt(‘Enter second value’);
if(a>b)
document.write(“a is large number than b “);
else
document. write(“b is large number than a”);
</script> </body> </html>
• To check whether, user entered number is positive or negative.
<!DOCTYPE html>
<head>
<title>To check whether, user entered number is positive or negative</title>
</head>
<body>
<script language=”javascript”>
var a,no;
a=prompt(‘Enter any number’);
no=parseInt(a);
if(no>0)
document.write(“Number is Positive”);
else
document.write(“Number is Negative”);
</script>
</body>
</html>
SOP 2: Create a JavaScript program for the following using appropriate variables,
JavaScript inbuilt functions, and control structures.

• To accept two positive or negative numbers and check whether they are
equal or not.
• To accept a number and display the square of it.
• To check whether the accepted integer is multiple of 3 or multiple of 7.
Answer:
To accept two positive or negative numbers and check whether they are equal or
not.
<!DOCTYPE html>
<head> <title>program3</title> </head>
<body>
<script language=”javascript”> var no1,no2;
no1=prompt(‘Enter first number’);
no2=prompt(‘Enter Second number’);
if(no1==no2)
document.write(“Both are equal”);
else
document.write(“Given numbers are not equal”);
</script>
</body> </html>
To accept number and display square of it.
<!DOCTYPE html>
<head>
<title>To accept number and display square of it</title>
</head>
<body>
<script language-’j avascript”>
var no,sqr;
no=prompt(‘Enter Any number’);
sqr=no*no;
document, write (“The Square is=”+sqr);
</script>
</body>
</html>
• To check whether the accepted integer is multiple of 3 or multiple of 7.
<!DOCTYPE html>
<html> <head>
<title>To check whether the accepted integer is multiple of 3 or multiple of 7.
</title> </head>
<body>
<script language=JavaScript>
var a;
a=prompt(“Enter your first interger / number”);
if(a%3==0 | | a%7==0)
alert(“multiple of 3 or 7”);
else
alert(“not a multiple of 3 or 7”);
</script>
</body>
</html>
SOP 3: Create a JavaScript program for the following using appropriate variables,
JavaScript inbuilt string functions, and control structures.

• To accept a string and calculate its length.


• To accept a string and display it in lowercase and uppercase.
• To check whether the length of the string is 4 or greater.
Answer:
To accept a string and calculate its length.
<!DOCTYPE html>
<head>
<title>program8</title>
</head>
<body>
<script language=”javascript”>
var a;
a=prompt(‘Enter string’);
document.write(“The length is=”+a.length);
</script>
</body>
</html>
To accept string and display it into lowercase and uppercase.
<!DOCTYPE html>
<head>
<title> To accept string and display it into lowercase and uppercase</title>
</head>
<body>
<script language=”javascript”>
var a;
a=prompt(‘Enter any string’);
document.write(“<br>Entering Strings “+a);
document.write(“<br>Lowercase=”+a.toLowerCase());
document.writeln(“<br>Uppercase=”+a.toUpperCase());
</script>
</body>
</html>
To check whether the length of string is 4 or greater.
<!DOCTYPE html>
<html>
<head>
<title> JavaScript</title>
</head>
<body>
<script language=JavaScript>
var a,b;
a=prompt(“Enter your text”);
b=a.length;
if(b=4 || b>=4)
alert(‘‘your length is 4 or greater”);
else
alert(“your text length is below 4”);
</script>
</body>
</html>
SOP 4: Create event-driven JavaScript programs for the following using
appropriate variables, JavaScript inbuilt functions, and control structures.

• To accept numbers and validate if the given value is a number or not by clicking
on the button.

•
To calculate the addition and division of two numbers.

Answer: (NEXT PAGE)


To accept number and validate if the given value is a number or not by click
<!DOCTYPE html>
<html> <head>
<title> To accept number and validate if the given value is a number or not by clicking
on the button.
</title> </head>
<script language-’JavaScript”>
function display()
{
var a,b;
a=form1.t1;value;
if(a>=0)
alert(“Value is a number”+” “+a);
else
alert(“Value is a string”+” “+a);
}
</script> </head> </body>
<form name=form1>
Enter Value: <Input type=text name=t1><br><br>
<Input type=button value=Check onClick=”display()”>
</form></body></html>
• To calculate addition and division of two numbers.
<!DOCTYPE html>
<head>
<title>To calculate addition and division of two numbers.</title>
<script langauge=”javascript”>
function add()
{
var a,b,result;
a=f1.t1.value;
b=f1.t2.value;
result=parselnt(a)+parselnt(b);
document.write(“The Addition is =”+result);
}
function div()
{
var a,b,d;
a=f1.t1.value;
b=f1.t2.value;
d=parselnt(a)/parselnt(b);
document.write(“The Divide is =”+d);
}
</script>
</head>
<body>
<form name=”f1”>
1st Number : <input type=”text” name=”t1”><br>
2nd Number : <input type=”text” name=”t2”><br>
<input type=”button” value=”Addition” name=”b1” onClick=”add()”>
<input type=”button” value=”Division” name=”b2” onClick=”div()”>
</form> </body> </html>

You might also like