Our main purpose here discussion not just Solution
We are here with you hands in hands to facilitate your learning and do not appreciate the idea of copying or replicating solutions.
CS101 Assignment # 3 Assignment :
Assignment No. 03
Semester: Fall 2014
Introduction to Computing - CS101
Semester: Fall 2014
Introduction to Computing - CS101
Total Marks: 20
Due Date: 13/02/2015
Objectives:
After solving this assignment, students will learn about,
- Basic knowledge of HTML tags and handling of HTML tags.
- Table creation and handling in HTML.
- Basic knowledge about JAVASCRIPT.
- Knowledge about JAVASCRIPT functions and JAVASCRIPTS events.
Instructions:
Please read the following instructions carefully before submitting assignment:
It should be clear that your assignment will not get any credit if:
- The assignment is submitted after due date.
- The assignment is submitted via email.
- The assignment is copied from Internet or from any other student.
- The submitted assignment does not open or file is corrupt.
- It is in some format other than .html.
Note: All types of plagiarism are strictly prohibited.
For any query about the assignment, contact at cs101@vu.edu.pk
Question Statement:
Suppose you have been appointed as a web developer in Pakistan Meteorological department. At Meteorological center temperature (data) has received in the form of Fahrenheit scale. You have given the task now to develop an online application to convert temperature from Fahrenheit into Celsius and Kelvin scales.
This application will be online and totally web based which should be made by using HTML and JavaScript languages. This application would contain single page.
Solution guidelines of this web page are given as follow,
- Create one text box for input temperature in Fahrenheit and two text boxes to show converted output in Celsius and Kelvin scales.
- Create a button “Convert” as shown in snapshot below. When the user clicks this button the input temperature should be converted into Celsius and Kelvin and displayed in their respective text boxes.
- Create a button “Clear form” which clears the entire form.
- Use table to arrange the fields on web page.
Formula for Fahrenheit to Celsius conversion is:
Celsius = Fahrenheit - 32 × 5/9
Formula for Fahrenheit to Kelvin conversion is:
Kelvin = (Fahrenheit - 32) × 5 / 9 + 273.15
Note: Students are required to submit single HTML file.
CS101 Assignment # 3 Solution no 1:
very simple and easy code is given below read this code carefully and try to prepare your own
see the attachment file
CS101 Assignment # 3 Solution no 2:
<html>
<head>
<head>
<title>Temperature Conversion Page</title>
<h1 align="center" style="color:black" >Pakistan Meteorological department</h1>
<style>
/*Using CSS background*/
h1
{
background-color: blue;
color: #FFFFFF;
p
{
background-color: #00FF00;
}
<h1 align="center" style="color:black" >Pakistan Meteorological department</h1>
<style>
/*Using CSS background*/
h1
{
background-color: blue;
color: #FFFFFF;
p
{
background-color: #00FF00;
}
</style>
<p style = "background-color: blue">
you are welcome to online temperature converter.here is a simple fahrenheit temperature converter. you can enter
fahrenheit value and get converted values <br/>
into celsius and kelvin scales as per requirement</p>
you are welcome to online temperature converter.here is a simple fahrenheit temperature converter. you can enter
fahrenheit value and get converted values <br/>
into celsius and kelvin scales as per requirement</p>
<script language="JavaScript">
<!--
function CelsiusConverter(){
document.converter.fahrenheit.value = (document.converter.celsius.value * 9 / 5) + 32
document.converter.kelvin.value = document.converter.celsius.value * 1 + 273.15
}
function FahrenheitConverter(){
document.converter.celsius.value = (document.converter.fahrenheit.value - 32) * 5 / 9
document.converter.kelvin.value=((document.converter.fahrenheit.value - 32)*5/9)+273.15
}
function KelvinConverter(){
document.converter.celsius.value = document.converter.kelvin.value - 273.15
document.converter.fahrenheit.value=((document.converter.kelvin.value - 273.15)*9/5)+32
}
//-->
</script>
</head>
<body>
<form name="converter" align="left">
<table><tr>
<td>Fahrenheit: </td>
<td colspan="2" align="right">
<input type="text" name="fahrenheit" onChange="FahrenheitConverter()">
</td><br />
</tr><tr>
<!--
function CelsiusConverter(){
document.converter.fahrenheit.value = (document.converter.celsius.value * 9 / 5) + 32
document.converter.kelvin.value = document.converter.celsius.value * 1 + 273.15
}
function FahrenheitConverter(){
document.converter.celsius.value = (document.converter.fahrenheit.value - 32) * 5 / 9
document.converter.kelvin.value=((document.converter.fahrenheit.value - 32)*5/9)+273.15
}
function KelvinConverter(){
document.converter.celsius.value = document.converter.kelvin.value - 273.15
document.converter.fahrenheit.value=((document.converter.kelvin.value - 273.15)*9/5)+32
}
//-->
</script>
</head>
<body>
<form name="converter" align="left">
<table><tr>
<td>Fahrenheit: </td>
<td colspan="2" align="right">
<input type="text" name="fahrenheit" onChange="FahrenheitConverter()">
</td><br />
</tr><tr>
<td> Celsius: </td>
<td colspan="2" align="right">
<input type="text" name="celsius" onChange="CelsiusConverter()">
</td><br />
</tr><tr>
<td colspan="2" align="right">
<input type="text" name="celsius" onChange="CelsiusConverter()">
</td><br />
</tr><tr>
<td>Kelvin: </td>
<td colspan="2" align="right">
<input type="text" name="kelvin" onChange="KelvinConverter()"><br />
</td>
</tr><tr>
<td colspan="2" align="right">
<input type="button" value="Convert!" />
</td>
<td colspan="3" align="right">
<input type="reset" value="Reset form"><br>
</td>
</tr>
</table><BODY>
<p>To clear your form for a new conversions you can press the "Rest Form" button and all values will be erased from fields.</p></BODY>
</form>
</body>
</html>
<td colspan="2" align="right">
<input type="text" name="kelvin" onChange="KelvinConverter()"><br />
</td>
</tr><tr>
<td colspan="2" align="right">
<input type="button" value="Convert!" />
</td>
<td colspan="3" align="right">
<input type="reset" value="Reset form"><br>
</td>
</tr>
</table><BODY>
<p>To clear your form for a new conversions you can press the "Rest Form" button and all values will be erased from fields.</p></BODY>
</form>
</body>
</html>
For important helping material related to the subject ( Solved MCQs, Assignments, Short Notes, Solved Past Papers, E-Books, Recommended Books, FAQs, Help & Tutorials , Short Questions Answers & more). You must view all the featured discussion in this subject group.
Coding thek hein ap ki. thanks for Help
ReplyDeleteCan we do it without involving Java? Can this be done only using HTML?
ReplyDeleteI want the simplest answer to this