0% found this document useful (0 votes)

14 views30 pages

Web Technologies Lab Manual

Lab manual

Uploaded by

22781a1210svcet

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)

14 views30 pages

Web Technologies Lab Manual

Lab manual

Uploaded by

22781a1210svcet

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/ 30

WEB TECHNOLOGIES LAB

1.Write a JavaScript to design a simple calculator to perform the following operations:

sum, product, difference and quotient.
Aim: To design a simple calculator to perform the following operations: sum, product, difference and
quotient.

Program:

<html>

<head>

</head>

<body>

function insert(num){

document.form.textView.value=document.form.textView.value+num;

function equal(){

var exp = document.form.textView.value;

if(exp){

document.form.textView.value=eval(document.form.textView.value);

function c(){

document.form.textView.value=" ";

</script>

<input type="text" name="textView"/><br>

<input type="button" value="1" onclick="insert(1)"/>

<input type="button" value="2" onclick="insert(2)"/>

<input type="button" value="3" onclick="insert(3)"/>
<input type="button" value="+" onclick="insert('+')"/>
<br><br>
<input type="button" value="4" onclick="insert(4)"/>
<input type="button" value="5" onclick="insert(5)"/>
<input type="button" value="6" onclick="insert(6)"/>
<input type="button" value="-" onclick="insert('-')"/>
<br><br>
<input type="button" value="6" onclick="insert(6)"/>
<input type="button" value="7" onclick="insert(7)"/>
<input type="button" value="8" onclick="insert(8)"/>
<input type="button" value="*" onclick="insert('*')"/>
<br><br>
<input type="button" value="0" onclick="insert(0)"/>
<input type="button" value="/" onclick="insert('/')"/>
<input type="button" value="=" onclick="equal()"/>
<input type="button" value="C" onclick="c()"/>
<br>
</form>
</center>
</body>
</html>
Output:

2.Write a JavaScript that calculates the squares and cubes of the numbers from 0 to 10 and outputs
HTML text that displays the resulting values in an HTML table format
Aim: To calculates the squares and cubes of the numbers from 0 to 10 and outputs by using HTML
text that displays the resulting values in an HTML table format.

Program:

<html>

<head>

</head>

<body>

<tr><th>number</th><th>square</th><th>cube</th></tr>

for(var i=0;i<=10;i++)

document.write("

"); }

</script>

</table>

</center>

</body>

</html>

Output:
3.Write a JavaScript code that displays text TEXT-GROWING with increasing font size in the interval
of 100ms in RED COLOR, when the font size reaches 50pt it displays TEXTSHRINKING in BLUE color.
Then the font size decreases to 5pt.

Aim: To write a JavaScript code that displays text TEXT-GROWING with increasing font size in the
interval of 100ms in RED COLOR, when the font size reaches 50pt it displays TEXTSHRINKING in BLUE
color. Then the font size decreases to 5pt.

Program:

<html>

<head>

</head>

<body>

</center>

var var1=setInterval(inTimer,1000);

var size=5;

var ids=document.getElementById("demo");

function inTimer(){

size+=5;

ids.innerHTML="TEXT GROWING";

ids.setAttribute("style","font-size:"+size+"px; color:red");

if(size>=50)

clearInterval(var1);

var var2=setInterval(deTimer,1000);

}
function deTimer(){

size-=5;

ids.innerHTML="TEXT SHRINKING";

ids.setAttribute("style","font-size:"+size+"px; color:blue");

if(size<=5)

clearInterval(var1);

}}

</script>

</body>

</html>

Output:
4. Develop and demonstrate a HTML5 file that includes JavaScript script that uses functions for the
following problems:

1. Parameter: A string
2. Output: The position in the string of the left-most vowel
3. Parameter: A number
4. Output: The number with its digits in the reverse order

Aim: . To develop and demonstrate a HTML5 file that includes JavaScript script that uses functions.

Program:

<html>

<body>

var str = prompt("Enter the Input","");

if(isNaN(str))

str = str.toUpperCase();

for(var i = 0; i<str.length; i++) {

var chr = str.charAt(i);

if(chr == 'A' || chr == 'E' || chr == 'I' || chr == 'O' || chr == 'U')break;

if( i<str.length )

alert("The position of the left most vowel is "+(i+1));

else

alert("No vowel found in the entered string");

else

var num,rev=0,remainder;
num = parseInt(str);

while(num!=0) {

remainder = num%10;

num = parseInt(num/10);

rev = rev * 10 + remainder;

alert("Reverse of "+str+" is "+rev);

</script>

</body>

</html>

Output:
5.Design an XML document to store information about a student in SVCET College. The information
must include USN, Name, and Name of the College, Programme, Year of Joining, and email id. Make
up sample data for 3 students. Create a CSS style sheet and use it to display the document

Aim: To design an XML document to store information about a student in SVCET College.

Program:

<?xml-stylesheet
href="style5.css"?>
<html>
<head>
<h1>Student Description</h1>
</head>
<students>
<student>
<usn>USN: 4MT15CS010</usn>
<name>Name: AnanthaPadmanabha</name>
<college>College: Sri Venkateswara College of
engineeringandtechnology </college>
<branch>Branch: Computer Science Engineering</branch>
<yoj>Year: 2015</yoj>
<email>E-mail: [email protected]</email>
</student>
<student>
<usn>USN: 4MT15CS011</usn>
<name>Name: Anil Kumar K</name>
<college>College: Sri Venkateswara College of
engineeringandtechnology </college>
<branch>Branch: Computer Science Engineering</branch>
<yoj>Year: 2015</yoj>
<email>E-mail: [email protected]</email>
</student>
<student>
<usn>USN: 4MT15CS012</usn>
<name>Name: Ankitha Shetty</name>
<college>College: Sri Venkateswara College of
engineeringandtechnology</college>
<branch>Branch: Computer Science Engineering</branch>
<yoj>Year: 2015</yoj>
<email>E-mail: [email protected]</email>
</student>
</students>
</html>
Style5.css

{
font-size: 28px;
background-color: black;
color: white;
display: block;
}
Student
{
margin-top: 10px;
}
Usn
{
color: rgb(200,200,0);
margin-left: 10px;
font-size: 24px;
}
Name
{
color: green;
margin-left: 20px;
font-size: 24px;
}
Yoj
{
color: orange;
margin-left: 20px;
font-size: 24px;
}
College
{
color: blue;
margin-left: 20px;
font-size: 20px;
}
Branch
{
color: red;
margin-left: 20px;
font-size: 20px;
}
Email
{
color: violet;
margin-left: 20px;
font-size: 20px;
}

Output:
6.Write a PHP program to keep track of the number of visitors visiting the web page and to display
this count of visitors, with proper headings.

Basic steps required

1.Create a file with .php extension in wamp(inside www directory ) &xamp(inside

htdocs directory)
2Run the file in PHP environment like localhost
Aim: To write a PHP program to keep track of the number of visitors visiting the web page and to
display this count of visitors.

Program:<?php

echo"No of Visitor is:";

$handler=fopen("file.txt","r");

$hit=(int)fread($handler,20);

fclose($handler);

$hit++;

$handler=fopen("file.txt","w");

fwrite($handler,$hit);

fclose($handler);

echo $hit;

?>
STEPS:( click on image to zoom )

Output: :( click on image to zoom )

7. Write a PHP program to display a digital clock which displays the current time of the server.

Aim: To Implement a PHP program to display a digital clock which displays the current time of the
server.

Program:

<head>
<meta http-equiv="refresh" content="1"/>
<st
yle
>
p{
color:ye
llow;
font-
size:90
px;
position:abs
olute; top:
40%;
left: 50%;
transform: translate(-50%, -50%);
}
body {
background-color:maroon;
}
</style>
<p> <?php echo date(" h: i : s A");?> </p>
</head>
STEPS

OUTPUT
8. Write the PHP programs to do the following:
1. Implement simple calculator operations.
2. Find the transpose of a matrix.
3. Multiplication of two matrices.
4. Addition of two matrices.

Aim : To Implement simple calculator operations.

prog8a.php

<html>
<head>
<style>
table, td,
th {
border: 1px solid black;
width: 35%;
text-align: center;
background-color:
lightgray;
}
table { margin: auto; }
input,p { text-
align:right; }
</style>
</head>

<body>
<form method="post" action="prog8a.php">
<table>
<caption><h2> SIMPLE CALCULATOR </h2></caption>
<tr>
<td>First Number:</td><td><input type="text" name="num1" /></td>
<td rowspan="2"><button type="submit" name="submit"
value="calculate">Calculate</td></tr>
<tr>
<td>Second Number:</td><td><input type="text" name="num2"/></td>
</tr>
</form>

<?php
if(isset($_POST['submit'])) // it checks if the input submit is filled
{
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
if(is_numeric($num1) and
is_numeric($num2) )
{
echo "<tr><td> Addition
:</td><td><p>".($num1+$num2)."</p></td>"; echo "<tr><td>
Subtraction :</td><td><p> ".($num1-$num2)."</p></td>";
echo "<tr><td> Multiplication
:</td><td><p>".($num1*$num2)."</p></td>"; echo
"<tr><td>Division :</td><td><p> ".($num1/$num2)."</p></td>";
echo "</table>";
}
else
{
echo"<script> alert(' ENTER VALID NUMBER');</script>";
}
}
?>
</body>
</html>

STEPS
OUTPUT:
8b.SOLUTION 1
prog8b.php

<!DOCTYPE html>
<html>
<body>
<?php
function pr($a){
foreach ($a as $b) {
foreach ($b as $c) {
echo $c ." ";
}echo "<br>";
}echo "<br>";
}

$a = [[1,2,3],[4,5,6],[7,8,9]];
$b = [[7,8,9],[4,5,6],[1,2,3]];
echo "<b>First Matrix : </b><br>" ; pr($a);
echo "<b>Second Matrix : </b><br>"; pr($b);
for ($i=0; $i < 3; $i++)
for ($j=0; $j < 3; $j++)
$c[$i][$j] = $a[$j][$i];
echo "<b>Transpose Of First Matrix : </b><br>"; pr($c)

for ($i=0; $i < 3; $i++) for

($j=0; $j < 3; $j++)
$c[$i][$j] = $a[$i][$j] + $b[$i][$j];
echo "<b>Addition Of Two Matrix : </b><br>"; pr($c);
for ($i=0; $i < 3; $i++)
for ($j=0; $j < 3; $j++){
$c[$i][$j] = 0;
for ($k=0; $k < 3; $k++)
$c[$i][$j] += $a[$i][$k] * $b[$k][$j];
} echo "<b>Multiplication Of Two Matrix : </b><br>"; pr($c); ?>

</body>

</html>
STEPS

OUTPUT
prog8b.php
<?php

$a = array(array(1,2,3),array(4,5,6),array(7,8,9));

$b = array(array(7,8,9),array(4,5,6),array(1,2,3));

$m=count($a);

$n=count($a[2]);

$p=count($b);

$q=count($b[2]);

echo "the first matrix :"."<br/>";

for ($row = 0; $row < $m; $row++) {

for ($col = 0; $col < $n; $col++)

echo " ".$a[$row][$col];

echo "<br/>";

echo "the second matrix :"."<br/>";

for ($row = 0; $row < $p; $row++) {

for ($col = 0; $col < $q; $col++)

echo " ".$b[$row][$col];

echo "<br/>";

echo "the transpose for the first matrix

is:"."<br/>"; for ($row = 0; $row < $m; $row++) {

for ($col = 0; $col < $n; $col++)

echo " ".$a[$col][$row];

echo "<br/>";

if(($m===$p) and ($n===$q)) {

echo "the addition of matrices is:"."<br/>";

for ($row = 0; $row < 3; $row++) {

for ($col = 0; $col < 3; $col++)

echo " ".$a[$row][$col]+$b[$row][$col]."

"; echo "<br/>";

if($n===$p){

echo " The multiplication of matrices: <br/>";

$result=array();

for ($i=0; $i < $m; $i++) {

for($j=0; $j < $q; $j++){

$result[$i][$j] = 0;

for($k=0; $k < $n; $k++)

$result[$i][$j] += $a[$i][$k] * $b[$k][$j];

}}

for ($row = 0; $row < $m; $row++) {

for ($col = 0; $col < $q; $col++)

echo " ".$result[$row][$col];

echo "<br/>";

} } ?>
OUTPUT :

the first matrix:

123

456

789

the second matrix:

789

456

123
the transpose of the first matrix:
147
258
369

the addition of matrices is:

8 10 12
8 10 12
8 10 12

the multiplication of matrices:

18 24 30
54 69 84
90 114 138
09. WRITE A PHP PROGRAM NAMED STATES.PY THAT DECLARES A
VARIABLE STATES WITH VALUE "MISSISSIPPI ALABAMA TEXAS
MASSACHUSETTS KANSAS". WRITE A PHP PROGRAM THAT DOES THE
FOLLOWING:

A. SEARCH FOR A WORD IN VARIABLE STATES THAT ENDS IN XAS. STORE THIS WORD IN
ELEMENT 0 OF A LIST NAMED STATESLIST.

B. SEARCH FOR A WORD IN STATES THAT BEGINS WITH K AND ENDS IN S. PERFORM A
CASEINSENSITIVE COMPARISON. [NOTE: PASSING RE.IAS A SECOND PARAMETER TO
METHOD COMPILE PERFORMS A CASE- INSENSITIVE COMPARISON.] STORE THIS WORD
IN ELEMENT1 OF STATESLIST.

C. SEARCH FOR A WORD IN STATES THAT BEGINS WITH M AND ENDS IN S. STORE THIS
WORD IN ELEMENT 2 OF THE LIST.

D. SEARCH FOR A WORD IN STATES THAT ENDS IN A. STORE THIS WORD IN ELEMENT 3 OF
THE LIST.

SOLUTION 1

1. If xampp is in the system, save the program in C:\xampp\htdocs (start apache in xampp control panel)

2. If no xampp in the system, save the program in C:\Program Files\Apache

Group\Apache2\htdocs & Open Google Chrome & type http://localhost/prog9.php

prog9.php

<html>
<body>
<?php
$states = "Mississippi Alabama Texas Massachusetts Kansas";
$b = explode(' ',$states);
echo "<br>ORIGINAL ARRAY :<br>";
foreach ( $b as $i => $value )
echo "states[$i] = $value<br>";
foreach ($b as $c)
{

$n = strlen($c);
if($c[$n-1]=='s' && $c[$n-2]=='a' && $c[$n-3]=='x') $d[0] = $c;
if($c[0]=='K' && $c[$n-1]=='s') $d[1] = $c;
if($c[0]=='M' && $c[$n-1]=='s') $d[2] = $c;
if($c[$n-1]=='a') $d[3] = $c;
}

echo "<br>RESULTANT ARRAY :<br>";

for ($i=0; $i < count($d); $i++)
echo "statesList[$i] = $d[$i]<br>";
?>

</body>
</html>

STEPS

OUTPUT
SOLUTION 2

prog9.php
<?php
$states = "Mississippi Alabama Texas
Massachusetts Kansas"; $statesArray = [];
$states1 = explode(' ',$states);
echo "Original Array :<br>";
foreach ( $states1 as $i => $value )
print("STATES[$i]=$value<br>");
foreach($states1 as $state) {
if(preg_match( '/xas$/', ($state)))
$statesArray[0] = ($state);
}

foreach($states1 as $state) {

if(preg_match('/^k.*s$/i', ($state)))
$statesArray[1] = ($state);
}

foreach($states1 as $state) {
if(preg_match('/^M.*s$/', ($state)))
$statesArray[2] = ($state);
}

foreach($states1 as $state){
if(preg_match('/a$/', ($state)))
$statesArray[3] = ($state);
}

echo "<br><br>Resultant Array :<br>";

foreach ( $statesArray as $array => $value )
print("STATES[$array]=$value<br>");
?>
OUTPUT

STEPS TO EXECUTE PHP PROGRAM

1. Copy the php code given below
2. Save it with .php file name extension
3. Place the file in the htdocs of XAAMP
4. Start the XAAMP control panel
5. Start Apache server
6. Click on admin in XAMPP Control pale
7. Replace the url dashboard name with your php file name
8. Execution completed
9.

Solution
prog9.php
<html>
<body>
<?php
$states = "Mississippi Alabama Texas Massachusetts Kansas";
$b = explode(' ',$states);
echo "<br>ORIGINAL ARRAY :<br>";
foreach ( $b as $i =>
$value ) echo "states[$i] =
$value<br>"; foreach ($b
as $c)

{
$n = strlen($c);
if($c[$n-1]=='s' && $c[$n-2]=='a' && $c[$n-3]=='x') $d[0] = $c;
if($c[0]=='K' && $c[$n-1]=='s') $d[1] = $c;
if($c[0]=='M' && $c[$n-1]=='s') $d[2] = $c;
if($c[$n-1]=='a') $d[3] = $c;
}
echo "<br>RESULTANT ARRAY :<br>";
for ($i=0; $i < count($d);
$i++) echo "statesList[$i]
= $d[$i]<br>";

WEB</body>
TECHNOLOGY – Output
</html>
10. Write a PHP program to sort the student records which are stored in
the database using selection sort.

<!DOCTYPE
html>
<html>
<head>

</head>
<body>
<?php
$domain = "localhost";
$username = "root";
$password = "";
$dbname = "weblab";
$a = [];

$conn = mysqli_connect($domain, $username, $password, $dbname);

if ($conn->connect_error)
die("Connection failed: " . $conn->connect_error);
$sql = "SELECT * FROM student";

$result = $conn->query($sql);
echo "<br>";
echo "<h2>BEFORE SORTING</h2>";
echo "<table border='2'>";
echo "<tr>";
echo "<th>USN</th><th>Name</th><th>Address</th></tr>";
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
echo "<tr>";
echo "<td>" . $row["usn"] . "</td>";
echo "<td>" . $row["name"] . "</td>";
echo "<td>" . $row["address"] . "</td></tr>";
array_push($a, $row["usn"]);
}
} else
echo "Table is Empty";
echo "</table>";

$n = count($a);
for ($i = 0; $i < ($n - 1); $i++) {

$pos = $i;
for ($j = $i + 1; $j < $n; $j++) {
if ($a[$pos] > $a[$j])
$pos = $j;
}
if ($pos != $i) {
$temp = $a[$i];
$a[$i] = $a[$pos];
$a[$pos] = $temp;
} }

$c = [];
$d = [];
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
if ($row["usn"] == $a[$i]) {
$c[$i] = $row["name"];
$d[$i] = $row["address"];
}}}}
echo "<br>";
echo "<h2>AFTER SORTING</h2>";
echo "<table border='2'>";
echo "<tr>";
echo
"<th>USN</th><th>NAME</th><th>Address</th></tr>"
;
for ($i = 0; $i < $n; $i++) {
echo "<tr>";
echo "<td>" . $a[$i] . "</td>";
echo "<td>" . $c[$i] . "</td>";
echo "<td>" . $d[$i] . "</td></tr>";
}
echo "</table>";
$conn->close();
?>
</body>
OUTPUT:

Web Programming - List of Practicals
No ratings yet
Web Programming - List of Practicals
20 pages
First Semester Weblab
No ratings yet
First Semester Weblab
48 pages
Web Lab 2018
No ratings yet
Web Lab 2018
24 pages
Web Technologies (Lab)
No ratings yet
Web Technologies (Lab)
14 pages
Web Manual
No ratings yet
Web Manual
13 pages
Bayesian Statistics For Beginners: A Step-By-Step Approach Therese M Donovan Download
100% (4)
Bayesian Statistics For Beginners: A Step-By-Step Approach Therese M Donovan Download
59 pages
Ammu Web
No ratings yet
Ammu Web
31 pages
WT Coverpage
No ratings yet
WT Coverpage
11 pages
LAB Manual Web
No ratings yet
LAB Manual Web
40 pages
CGV Mini
No ratings yet
CGV Mini
27 pages
WP Lab Manual Updated 30-10-2024
No ratings yet
WP Lab Manual Updated 30-10-2024
42 pages
OSS Lab Manual
No ratings yet
OSS Lab Manual
38 pages
WT (18CS63) Lab - Manual
No ratings yet
WT (18CS63) Lab - Manual
32 pages
Web Tech
No ratings yet
Web Tech
32 pages
ABE Web Lab 21 Scheme
No ratings yet
ABE Web Lab 21 Scheme
28 pages
File Name:-: 1) Design Student Signup Form Using HTML, Javascript, Html5 & Css
No ratings yet
File Name:-: 1) Design Student Signup Form Using HTML, Javascript, Html5 & Css
13 pages
Web Design Manual-Printout
No ratings yet
Web Design Manual-Printout
13 pages
Bco - English 5
No ratings yet
Bco - English 5
12 pages
Lab Programs
No ratings yet
Lab Programs
34 pages
Webprogram
No ratings yet
Webprogram
21 pages
Web Technology 1
No ratings yet
Web Technology 1
16 pages
Jason Weston Reasoning Alignment Berkeley Talk
No ratings yet
Jason Weston Reasoning Alignment Berkeley Talk
106 pages
Web Programming PDF
No ratings yet
Web Programming PDF
54 pages
Web Lab Manual
No ratings yet
Web Lab Manual
27 pages
Web Technologies Assessment 2
75% (4)
Web Technologies Assessment 2
26 pages
BSC Vi WT
No ratings yet
BSC Vi WT
24 pages
Sattvik 1TJ18CS009 WTA Practical Assessment
No ratings yet
Sattvik 1TJ18CS009 WTA Practical Assessment
33 pages
Metaphor in Practice - Niklas Torneke Torneke
No ratings yet
Metaphor in Practice - Niklas Torneke Torneke
231 pages
Web Technology Lab
No ratings yet
Web Technology Lab
17 pages
Lesson 1 Algebraic Expression I
No ratings yet
Lesson 1 Algebraic Expression I
18 pages
Web Tech Lab
No ratings yet
Web Tech Lab
21 pages
Web Manual Final
No ratings yet
Web Manual Final
50 pages
Web Technology Laboratory
No ratings yet
Web Technology Laboratory
26 pages
WP 10 prgm-1
No ratings yet
WP 10 prgm-1
12 pages
It Practical File (21570006)
No ratings yet
It Practical File (21570006)
35 pages
Module 5 - DIGITAL TECHNIQUES ELECTRONIC INSTRUMENT SYSTEMS - 1
100% (1)
Module 5 - DIGITAL TECHNIQUES ELECTRONIC INSTRUMENT SYSTEMS - 1
58 pages
Web-Programs (1 To 10)
No ratings yet
Web-Programs (1 To 10)
13 pages
Lab Manual10
No ratings yet
Lab Manual10
12 pages
Web 06CSL78 Lab Manual
No ratings yet
Web 06CSL78 Lab Manual
36 pages
Web Technology
No ratings yet
Web Technology
38 pages
Practical File
No ratings yet
Practical File
79 pages
Create An XHTML Page That Provide Information About Your Department
100% (4)
Create An XHTML Page That Provide Information About Your Department
24 pages
Web
No ratings yet
Web
10 pages
Web Programs 6th Sem
No ratings yet
Web Programs 6th Sem
15 pages
Lesson-Exemplar-In-Math-10 For Cot 1
100% (1)
Lesson-Exemplar-In-Math-10 For Cot 1
5 pages
HTML Java Script Program
No ratings yet
HTML Java Script Program
12 pages
Web Programming All Programs
No ratings yet
Web Programming All Programs
29 pages
WEB TECHNOLOGY LABORATORY MANUAL (2020) - For Students
No ratings yet
WEB TECHNOLOGY LABORATORY MANUAL (2020) - For Students
39 pages
Character Traits Lesson
No ratings yet
Character Traits Lesson
4 pages
HTML Programs: 1. Program To Print The Colors
No ratings yet
HTML Programs: 1. Program To Print The Colors
17 pages
AxiDraw Guide v512
No ratings yet
AxiDraw Guide v512
86 pages
HTML Lab
No ratings yet
HTML Lab
19 pages
Web
No ratings yet
Web
32 pages
Web Technology Laboratory: With Mini Project (17CSL77)
No ratings yet
Web Technology Laboratory: With Mini Project (17CSL77)
24 pages
Subject Verb Agreement PPT 2
No ratings yet
Subject Verb Agreement PPT 2
25 pages
Develop and Demonstrate A XHTML Document That Illustrates The Use External Style Sheet, Ordered List, Table, Borders, Padding, Color, and The Tag
No ratings yet
Develop and Demonstrate A XHTML Document That Illustrates The Use External Style Sheet, Ordered List, Table, Borders, Padding, Color, and The Tag
53 pages
WP LAB 3-8no
No ratings yet
WP LAB 3-8no
7 pages
Wta Report Format
No ratings yet
Wta Report Format
19 pages
Visvesvaraya Technological University: Web Technology and Its Applications Practical Assessment (18Cs63)
No ratings yet
Visvesvaraya Technological University: Web Technology and Its Applications Practical Assessment (18Cs63)
20 pages
Nafs and Rizq PDF
No ratings yet
Nafs and Rizq PDF
4 pages
Deadlock and Starvation
No ratings yet
Deadlock and Starvation
5 pages
Name: B K Anirudh REG - NO: 19BIT0348: Digital Assignment 2 Web Technologies
No ratings yet
Name: B K Anirudh REG - NO: 19BIT0348: Digital Assignment 2 Web Technologies
49 pages
Adjectives With Two Syllables
No ratings yet
Adjectives With Two Syllables
5 pages
WT Lab Programs
No ratings yet
WT Lab Programs
25 pages
WEB Manual
No ratings yet
WEB Manual
67 pages
My Best Friend, My Love
No ratings yet
My Best Friend, My Love
2 pages
1) Develop and Demonstrate A XHTML Document That Illustrates The Use External Style Sheet, Ordered List, Table, Borders, Padding, Color, and The Tag
No ratings yet
1) Develop and Demonstrate A XHTML Document That Illustrates The Use External Style Sheet, Ordered List, Table, Borders, Padding, Color, and The Tag
23 pages
Customs Manners and Etiquette in Malaysia
No ratings yet
Customs Manners and Etiquette in Malaysia
24 pages
Web Programming Manual
No ratings yet
Web Programming Manual
37 pages
Sandraleemckay
No ratings yet
Sandraleemckay
6 pages
Web Lab Record
No ratings yet
Web Lab Record
49 pages
Angles and Directions: An Introduction To JTS Warped
No ratings yet
Angles and Directions: An Introduction To JTS Warped
7 pages
5 - The Bellman Equation
No ratings yet
5 - The Bellman Equation
7 pages
"A Memorandum Is Written Not To Inform The Rea: Writing Memoranda
100% (1)
"A Memorandum Is Written Not To Inform The Rea: Writing Memoranda
4 pages
Program 1: Develop & Demonstrate A XHTML Document That Illustrates The Use of External Style Sheet, Ordered List, Table, Borders, Padding, Color & The Tag. m1.html
No ratings yet
Program 1: Develop & Demonstrate A XHTML Document That Illustrates The Use of External Style Sheet, Ordered List, Table, Borders, Padding, Color & The Tag. m1.html
26 pages
Jubaer CV
No ratings yet
Jubaer CV
2 pages
Lucian Source Analysis Queer History Finished
No ratings yet
Lucian Source Analysis Queer History Finished
3 pages
TIBCO Ems Commands
No ratings yet
TIBCO Ems Commands
4 pages
Examen 2 Parte
No ratings yet
Examen 2 Parte
3 pages
The Tenor Voice by Anthony Frisell Review By: Philip L. Miller Notes, Second Series, Vol. 22, No. 2 (Winter, 1965 - Winter, 1966), P. 903 Published By: Stable URL: Accessed: 14/06/2014 02:23
No ratings yet
The Tenor Voice by Anthony Frisell Review By: Philip L. Miller Notes, Second Series, Vol. 22, No. 2 (Winter, 1965 - Winter, 1966), P. 903 Published By: Stable URL: Accessed: 14/06/2014 02:23
2 pages
Homework 7
No ratings yet
Homework 7
3 pages
Verbs in Early Modern English
No ratings yet
Verbs in Early Modern English
9 pages
Anthem Socratic Seminar 2019 Assignment
No ratings yet
Anthem Socratic Seminar 2019 Assignment
2 pages
A Day at The Farm! Exercises Worksheet
No ratings yet
A Day at The Farm! Exercises Worksheet
1 page
Santification
No ratings yet
Santification
1 page
Imagery Examples
No ratings yet
Imagery Examples
3 pages
Building a GPA Calculator Web App with Vanilla HTML, CSS, and JavaScript.: A Practical Q&A Guide Using a GPA Calculator
From Everand
Building a GPA Calculator Web App with Vanilla HTML, CSS, and JavaScript.: A Practical Q&A Guide Using a GPA Calculator
Lumavalle Press
No ratings yet
Building a Tip Calculator Web App with Vanilla HTML, CSS, and JavaScript.: A Practical Q&A Guide Using a Tip Calculator
From Everand
Building a Tip Calculator Web App with Vanilla HTML, CSS, and JavaScript.: A Practical Q&A Guide Using a Tip Calculator
Lumavalle Press
No ratings yet
Building a Retirement Planner Web App with Vanilla HTML, CSS, and JavaScript.: A Practical Q&A Guide Using a Retirement Planner
From Everand
Building a Retirement Planner Web App with Vanilla HTML, CSS, and JavaScript.: A Practical Q&A Guide Using a Retirement Planner
Lumavalle Press
No ratings yet
Mastering JavaScript: The Complete Guide to JavaScript Mastery
From Everand
Mastering JavaScript: The Complete Guide to JavaScript Mastery
Tim Robards
5/5 (1)

Web Technologies Lab Manual

Uploaded by

Web Technologies Lab Manual

Uploaded by

WEB TECHNOLOGIES LAB

1.Write a JavaScript to design a simple calculator to perform the following operations:

var exp = document.form.textView.value;

<input type="text" name="textView"/><br>

<input type="button" value="1" onclick="insert(1)"/>

<input type="button" value="2" onclick="insert(2)"/>

var str = prompt("Enter the Input","");

for(var i = 0; i<str.length; i++) {

var chr = str.charAt(i);

alert("The position of the left most vowel is "+(i+1));

alert("No vowel found in the entered string");

rev = rev * 10 + remainder;

alert("Reverse of "+str+" is "+rev);

Basic steps required

1.Create a file with .php extension in wamp(inside www directory ) &xamp(inside

echo"No of Visitor is:";

Output: :( click on image to zoom )

Aim : To Implement simple calculator operations.

for ($i=0; $i < 3; $i++) for

echo "the first matrix :"."<br/>";

for ($row = 0; $row < $m; $row++) {

for ($col = 0; $col < $n; $col++)

echo " ".$a[$row][$col];

echo "the second matrix :"."<br/>";

for ($row = 0; $row < $p; $row++) {

for ($col = 0; $col < $q; $col++)

echo " ".$b[$row][$col];

echo "the transpose for the first matrix

is:"."<br/>"; for ($row = 0; $row < $m; $row++) {

for ($col = 0; $col < $n; $col++)

echo " ".$a[$col][$row];

if(($m===$p) and ($n===$q)) {

echo "the addition of matrices is:"."<br/>";

for ($col = 0; $col < 3; $col++)

echo " ".$a[$row][$col]+$b[$row][$col]."

"; echo "<br/>";

echo " The multiplication of matrices: <br/>";

for ($i=0; $i < $m; $i++) {

for($j=0; $j < $q; $j++){

for($k=0; $k < $n; $k++)

$result[$i][$j] += $a[$i][$k] * $b[$k][$j];

for ($row = 0; $row < $m; $row++) {

for ($col = 0; $col < $q; $col++)

echo " ".$result[$row][$col];

the first matrix:

the second matrix:

the addition of matrices is:

the multiplication of matrices:

2. If no xampp in the system, save the program in C:\Program Files\Apache

echo "<br>RESULTANT ARRAY :<br>";

echo "<br><br>Resultant Array :<br>";

STEPS TO EXECUTE PHP PROGRAM

$conn = mysqli_connect($domain, $username, $password, $dbname);

You might also like