<html>
<head>
<link
rel="stylesheet" href="des2.css">
</head>
<body bgcolor="mahroon">
<div class="inline">
<div></div>
<div></div>
<div></div>
</div>
<div
class="inline">
<h1 align="center" ><mark>Welcome to
learn Technology</mark></h1><br>
</div>
<div id="left">
<font size="8"> <a
href="STUDENT.HTML">students</a><br><br><br>
<a
href="faculty.html">faculty</a><br><br><br>
<a
href="*.html">department</a><br><br><br>
<a
href="form.html">admission</a><br><br><br>
<a
href="*.html">cources</a><br><br><br>
<a href="*.html">contact
us</a></font>
</div>
<div id="navbar">
<a href="#">Home</a>
<a
href="#">Search</a>
<a
href="#">Contact</a>
<a
href="#">Login</a>
</div>
<!--<a
href="*.html">Admission</a>
<a
href="*.html">Contact-Us</a>
<a href="*.html">Career</a> -->
<div id="right">
<p >
A unique
platform to learn IT technology in
simple and easy language. daily day by day tutorial is available.
web site teaches you
through making website while learning php.</p>
<button
type="button"
onclick="document.getElementById('clock').innerHTML =
Date()">Time</button>
<p id="clock">
</p>
<p id="profile"></p>
<button type="button"
onclick='document.getElementById("profile").innerHTML =
"<pre>Name: Pragya Singh"'>Profile</button>
</div>
</body>
</html>
Add code in des2.css
#clock
{
font-size:25px;
color:blue;
background-color:black;
}
In html in place of
<p id="profile"></p>
<button type="button"
onclick='document.getElementById("profile").innerHTML =
"<pre>Name: Pragya Singh"'>Profile</button>
You can
<script>
document.getElementById("demo").innerHTML =
"My First JavaScript";
</script>
Cources.html
<html>
<body>
<h1
align="center">
<table
align="center" bgcolor="lightgreen"
border="1">
<tr><th>Cources</th><th>Tution-Fees</th><th>Caution-Fees</th></tr>
<tr><td>Olevel</td><td><input
type="text" name="v1"
value="500"></td><td><input type="text"
name="c1" value="200"></td></tr>
<tr><td>RSCIT</td><td><input
type="text" name="v2"
value="600"></td><td><input type="text"
name="c2" value="300"></td></tr>
<tr><td>English</td><td><input
type="text" name="v3"
value="500"></td><td><input type="text"
name="c3" value="100"></td></tr>
<tr><td>Electricity</td><td><input
type="text" name="v4"
value="700"></td><td><input type="text"
name="c4" value="300"></td></tr>
</table>
</body>
</html>
Some changes in this cource.html for
javascript
<html>
<body>
<h1 align="center">
<table align="center"
bgcolor="lightgreen" border="1">
<tr><th>Cources</th><th>Tution-Fees</th><th>Caution-Fees</th><th>Total-Fees</th></tr>
<tr><td>Olevel</td><td><input
type="text" name="v1" value="500"></td><td><input
type="text" name="c1" value="200"></td>
<td id="olevel">
<button type="button"
onclick="document.getElementById('olevel').innerHTML= 500+200
">Total Fees</button></td></tr>
<tr><td>RSCIT</td><td><input
type="text" name="v2" value="600"></td><td><input
type="text" name="c2" value="300"></td>
<td >
<button type="button"
onclick="document.write(600+300) ">Total
Fees</button></td></tr>
<tr><td>English</td><td><input
type="text" name="v3"
value="500"></td><td><input type="text"
name="c3" value="100"></td>
<td >
<button type="button"
onclick="window.alert( 500+100) ">Total
Fees</button></td></tr>
<tr><td>Electricity</td><td><input
type="text" name="v4"
value="700"></td><td><input type="text"
name="c4" value="300"></td>
<td >press ctl+shift+j
<script>
console.log(700 + 300);
</script></td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment