Scribd
Upload
18 views1 page

HTML

The document contains code for converting between Celsius and Fahrenheit temperatures. It includes an input field for the temperature in Celsius or Fahrenheit, and uses JavaScript to perform the conversion and display the result. The conversion formula is also shown.

Uploaded by

Abhishek Soni
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
18 views1 page

HTML

The document contains code for converting between Celsius and Fahrenheit temperatures. It includes an input field for the temperature in Celsius or Fahrenheit, and uses JavaScript to perform the conversion and display the result. The conversion formula is also shown.

Uploaded by

Abhishek Soni
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/ 1

<Html> <Html> <Html>

<Head> <Head> <Head>


<title>SOP2 Advanced Web Designing Practical</title> <Title> Video </title>
<Title>Javascript</title> <style type="text/css"> </head>
<Body> Ol <Body>
{ <H1> Video File demo </H1>
<H2>JavaScript code to convert Celcius to Fahrenhiet or vice-versa</H2> font-size: 20px;
<Video height="100" Width="100" autoplay controls>
<br> margin-left: 240px;
<source src="C:\Users\manish.sutar\Desktop\DMS1\a.mp4" type="video/webm">
display: inline-table;
<P>Enter the Temperature </P> background-color: #f7f5d2;
Video Files format not supported by Browser!!
<p><input type="text" id="txt_celsius" onkeyup="convert('C')"> width:190px; </Video>
<B>Temperature in degree Celsius </B> </P> } </Body>
<Br> Ul </Html>
<P> <input type="text" id="txt_fah" onkeyup="convert('F')"> <B> {
font-size: 20px;
Temperature in degree Fahrenheit </B> </P> max-width: 190px;
background-color: pink;
<script> margin-left: 40px;
function convert(temperature) display: inline-table;
{ padding-left: 40px
}
var t; </style>
if (temperature == "C") //Celsius to fahrenit </Head>
{ <Body>
t = document.getElementById("txt_celsius").value * 9 / 5 + <H1 style="background-color: cyan;color:#f011b4;margin-left: 240px;width: 500px;text-
32; align: center;height: 60px;">
Tourist Places
document.getElementById("txt_fah").value= Math.round(t); </H1>
} <ol>
else //fahrenirt to celsius <b>City</b>
{ <li>Pune</li>
t = (document.getElementById("txt_fah").value -32) * 5 / 9; <li>Bangalore</li>
<li>Hyderabad</li>
document.getElementById("txt_celsius").value = <li>Delhi</li>
Math.round(t); </ol>
} <ul>
} Tourist Places in Pune
</script> <li> Shanivarwada</li>
<li> Kelkar Museum</li>
<li>Sinhgad Fort</li>
</Body> </ul>
</html> </body>
</html>

<html> <html>
<head> <head>
<title>SOP3 Demostration</title> <title>Second Page Html</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="lightyellow"> </head>
<table> <body>
<tr> <div>
<td> <ul>
<label for="name"> Traveller Name: <li>
</label> Name of Transporter - Air Asia
<input type="text" name="Traveller_name" id="name"> </li>
</td>
<li>
</tr>
<tr> Time - 09:30 AM
<td> </li>
<label for="date">Travelling Date:</label> <li>
<input type="date" name="Travelling_date" id="date"> Seat No - B39
</td> </li>
</tr> <li>
<tr> Destination - Delhi
<td>
</li>
<label for="phone_no">
Telephone No: </ul>
</label> <input type="submit" name="submit" value="Back"
<input type="tel" id="phone" name="phone" pattern="[0-9]{2}-[0- onclick="history.back();">
9]{10}"> </div>
</body>
</td> </html>
</tr>
<tr>
<td>
<input type="image" name="Submit" id="Submit" src="Submit.png"
onclick="window.location.href='second_page.html';">
</td>
</tr>

</table>
</body>
</html>

You might also like