Scribd
Upload
79 views

XI I.T HTML and Javascript Practical Document

Uploaded by

mitgediya4.sphs
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
79 views

XI I.T HTML and Javascript Practical Document

Uploaded by

mitgediya4.sphs
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

HTML

SOP 1
<!doctype html>
<html>
<head>
<title>Personal Details</title>
</head>
<body bgcolor=green text=red>
<h1>My First Web Page</h1>
<hr>
Name:<b>Amit Patel</b><br>
Address:<i>203 Raj Tower, Kandivali(West)</i><br>
Standard:11<sup>th</sup>
</body>
</html>

1
SOP 2
<!doctype html>
<html>
<head>
<title>Scientist</title>
</head>
<body bgcolor=skyblue text=blue>
<img src=einstein.jpg alt=Einstein>
<p>Einstein is best known for developing the theory of relativity, but he also made
important contributions to the development of the theory of quantum mechanics.</P>
<table border=2>
<tr>
<th>Sr.No.</th>
<th>Invensions</th>
</tr>
<tr>
<td>1</td>
<td>Quantum Theory of Light</td>
</tr>
<tr>
<td>2</td>
<td>Theory of Relativity</td>
</tr>
</table>
</body>
</html>

2
SOP 3
<!doctype html>
<html>
<head>
<title>form</title>
</head>
<body bgcolor=skyblue text=blue>
<h1 align=center>Application Form</h1>
<form name=f1>
Enter Name:<input type=text name=t1><br>
Standard:<br>
<input type=radio name=r1 value=1>11<sup>th</sup><br>
<input type=radio name=r1 value=2>12<sup>th</sup><br>
<input type=submit name=submit value=submit>
</form>
</body>
</html>

3
SOP 4
<!doctype html>
<html>
<head>
<title>Strength</title>
</head>
<body bgcolor=skyblue text=blue>
<table border=2>
<tr>
<th>Number of Students</th>
<th>Boys</th>
<th>Girls</th>
</tr>
<tr align=center>
<td>100</td>
<td>50</td>
<td>50</td>
</tr>
</table>
<a href="demo.html">Click Here</a>
</body>
</html>

Demo.html
<!doctype html>
<html>
<head>
<title>Details</title>
</head>
<body bgcolor=skyblue text=blue>
<b>STD-XI</b><br>
<i>Stream-Science</i><br>
<u>Div-A</u>
</body>
</html>

4
JAVASCRIPT
SOP 1
To accept integer and display the result by multiplying it with 3.
<!doctype html>
<html>
<head>
<title> Multiply</title>
</head>
<body>
<script language=javascript>
n=parseInt(prompt("Enter a number"))
document.write(n + "*" + 3 + " is " + n*3)
</script>
</body>
</html>
Input
Enter number 20

Output

To accept two integers and display larger number of them


<!doctype html>
<html>
<head>
<title>Greater</title>
</head>
<body>
<script language=javascript>
n1=parseInt(prompt("Enter a number"))
n2=parseInt(prompt("Enter another number"))
if(n1>n2)
document.write(n1+" is greater")
else
document.write(n2+" is greater")
</script>
</body>
</html>
Input
Enter a number 20
Enter another number 30

Output

5
To check whether, user entered number is positive or negative
<!doctype html>
<html>
<head>
<title>Positive negative</title>
</head>
<body>
<script language=javascript>
n=parseInt(prompt("Enter a number"))
if(n>0)
document.write(n+" is positive")
else
document.write(n+" is negative")
</script>
</body>
</html>
Input
Enter a number -87

Output

Sop2
To accept two positive or negative numbers and check whether they are equal or not.
<!doctype html>
<html>
<head>
<title>Equal or not equal</title>
</head>
<body>
<script language=javascript>
n1=parseInt(prompt("Enter a number"))
n2=parseInt(prompt("Enter another number"))
if(n1==n2)
document.write(n1 + " and " + n2 + " are equal")
else
document.write(n1 + " and " + n2 + " are not equal")
</script>
</body>
</html>
Input
Enter a number 50
Enter another number 60
Output

6
To accept number and display square of it.
<!doctype html>
<html>
<head>
<title>Square</title>
</head>
<body>
<script language=javascript>
n1=parseInt(prompt("Enter a number"))
document.write("<br>The square of " + n1 + " is " + n1*n1 + "<br>")
</script>
</body>
</html>
Input
Enter a number 25

Output

To check whether the accepted integer is multiple of 3 or multiple of 7


<!doctype html>
<html>
<head>
<title>Multiple of 3 or 7</title>
</head>
<body>
<script language=javascript>
n=parseInt(prompt("Enter a number"))
if((n%3==0)||(n%7==0))
document.write(n+" is a multiple of 3 or 7")
else
document.write(n+" is not a multiple of 3 or 7")
</script>
</body>
</html>
Input
Enter a number 42
Output

7
Sop3
To accept string and calculate its length
<!doctype html>
<html>
<head>
<title>Length of the string</title>
</head>
<body>
<script language=javascript>
s=prompt("Enter a string")
document.write("The length of the string is "+s.length)
</script>
</body>
</html>
Input
Enter a string:welcome
Output

To accept string and display it into lowercase and uppercase.


<!doctype html>
<html>
<head>
<title>Upper and Lowercase</title>
</head>
<body>
<script language=javascript>
s=prompt("Enter a string")
document.write("<br>The string in lower case is "+s.toLowerCase())
document.write("<br>The string in upper case is "+s.toUpperCase())
</script>
</body>
</html>
Input
Enter a string:welcome

Output

8
To check whether the length of string is 4 or greater.
<!doctype html>
<html>
<head>
<title>Length of the string 4 or greater</title>
</head>
<body>
<script language=javascript>
s=prompt("Enter a string")
if(s.length>=4)
document.write("<br> The length of the string is 4 or greater")
else
document.write("<br>The length of the string is less than 4")
</script>
</body>
</html>
Input
Enter a string:welcome

Output

Sop4
To accept number and validate if the given value is a number or not by clicking on the
button
<!doctype html>
<html>
<head>
<title>Check Number or not</title>
</head>
<body bgcolor=skyblue text=blue>
<h1 align=center>Number or not</h1>
<form name=f>
Enter a Number:<input type=text name=t><br>
<input type=button name=b1 value=Check onclick=s()>
<script language=javascript>
function s()
{
n=f.t.value
if(isNaN(n))
document.write(n+" is Not a number")
else
document.write(n+" is a Number")
}
</script>
</form>

9
</body>
</html>

Input
Enter a string:asdf

Output

To calculate addition and division of two numbers.


<!doctype html>
<html>
<head>
<title>Addition & Division</title>
</head>
<body bgcolor=skyblue text=blue>
<form name=f>
1<sup>st</sup> Number:<input type=text name=t1><br>
2<sup>nd</sup> Number:<input type=text name=t2><br>
<input type=button name=b1 value=Addition onclick=s1()>
<input type=button name=b2 value=Divide onclick=s2()>
<script language=javascript>
function s1()
{
n1=parseInt(f.t1.value)
n2=parseInt(f.t2.value)
document.write("The sum of " + n1 + " and " + n2 + " is " +(n1+n2))
}
function s2()
{
n1=parseInt(f.t1.value)
n2=parseInt(f.t2.value)
document.write("The quotient of " + n1 + " / " + n2 + " is " + (n1/n2))
}
</script>
</form>
</body>
</html>

10
Input

Output

11

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy