We are here with you hands in hands to facilitate your learning & don't appreciate the idea of copying or replicating solutions. Read More>>

Looking For Something at vustudents.ning.com? Click Here to Search

www.bit.ly/vucodes

+ Link For Assignments, GDBs & Online Quizzes Solution

www.bit.ly/papersvu

+ Link For Past Papers, Solved MCQs, Short Notes & More


Dear Students! Share your Assignments / GDBs / Quizzes files as you receive in your LMS, So it can be discussed/solved timely. Add Discussion

How to Add New Discussion in Study Group ? Step By Step Guide Click Here.

CS101 Assignment#03 Solution & Discussion Due Date:13/02/2015

Assignment No. 03
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.

 

Sample Output (Snapshot):

 

 

 

 

 

 

 

 

 

 

 

 

Best of Luck

 

 

 

+ How to Follow the New Added Discussions at Your Mail Address?

+ How to Join Subject Study Groups & Get Helping Material?

+ How to become Top Reputation, Angels, Intellectual, Featured Members & Moderators?

+ VU Students Reserves The Right to Delete Your Profile, If?


See Your Saved Posts Timeline

Views: 9516

.

+ http://bit.ly/vucodes (Link for Assignments, GDBs & Online Quizzes Solution)

+ http://bit.ly/papersvu (Link for Past Papers, Solved MCQs, Short Notes & More)

+ Click Here to Search (Looking For something at vustudents.ning.com?)

+ Click Here To Join (Our facebook study Group)

Replies to This Discussion

winrar file

Attachments:

<html>
<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;
}

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

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

<td> Celsius: </td>
<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>

Coding thek hein ap ki

On which lecture is this assignment based??

<html>
<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: #00F00;
}
</style>
<h3 style="color:orange">
<p style = "background-color:blue" align="middle">
You are Welcome to HAMZA's Online Temperature Converter.<br>
Here is a simple fahrenheit temperature converter. You can enter
fahrenheit value and get converted values into celsius and kelvin scales as per requirement</h3></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="left">
<input type="text" name="fahrenheit" onChange="FahrenheitConverter()">
</td><br />
</tr><tr>
<td> Celsius: </td>
<td colspan="2" align="left">
<input type="text" name="celsius" onChange="CelsiusConverter()">
</td><br />
</tr><tr>
<td>Kelvin: </td>
<td colspan="2" align="left">
<input type="text" name="kelvin" onChange="KelvinConverter()"><br />
</td>
</tr><tr>
<td colspan="2" align="left">
<input type="button" value="Convert!" />
</td>
<td colspan="3" align="left">
<input type="reset" value="RESET"><br>
</td>
</tr>
</table>
<body>
<p>To clear data press the "RESET" button.</p></BODY>
</form>
</body>
</html>

See the attached file please

Attachments:

CS101 WEB DEVOLPMENT ASSINGMENT


<html>
<head>
<h3> REG. FORM </h3>
<script>
function assignment()
{
str=document.getElementById('uid').value;
p=document.getElementById('psw').value;
n=document.getElementById('Name').value;
c=document.getElementById('cntry').value;
e=document.getElementById('em').value;
if(!str)
{ alert("USER ID should not be empty/Length be between 5 to 12");
return;
}
if(str.length > 12 || str.length < 5)
{ alert("User ID should be between 5 to 12"); STUDIES
GURUZ
return;
}
if(!p)
{ alert("Password should not be empty/Length be between 7 to 12");
return;
}
if(p.length > 12 || p.length < 7)
{ alert("Length of Password should be between 7 to 12");
return;
}
if(/[0-9]/.test(n))
{ alert("Name must have alphabets only");
return;
}
if(n=="")
{ alert('Name should not be empty');
return;
}
if(c=="(Please Select a country)")
{ alert("select country from the list");
return;
}
if(!(/[a-z]@[a-z]/.test(e)))
{ alert("Please enter Valid e mail address");
STUDIES
GURUZ
return;
}
if(!document.getElementById('ma').checked && !document.getElementById('fe').checked)
{ alert('please select gender');
return;
}
else
alert('Form succesfully submited');
}
</script>
</head>
<body>
<form name="myform">
User id:</br><input type="input" name="userid" id="uid" ><br>
Password:</br><input type="password" name="pass" id="psw"></br>
Name:</br><input type="input" name="fname" size="30" id="Name"><br>
<p>Country:<br>
<select name="choose" id="cntry">
<option selected>(Please Select a country)
<option> Pakistan
STUDIES
GURUZ
<option>UK
<option>Brazil
<option>Italy
<option>UAE
<option>Spain
<option>japan
<option>USA
</select></p>
Email:</br><input type="input" name="email" size="30" id="em"></br>
Gender:<br><input name="rad" type="radio" value="Male" id="ma" >Male<br>
<input name="rad" type="radio" value="Female" id="fe" >Female<br><br>
<input type="button" value="submit" onclick="assignment()">
<input type="reset" value="Reset" >
</form>
</body>
</html>

Can we do it without involving Java? Can this be done only using HTML?
I want the simplest answer to this

Attachments:

RSS

© 2020   Created by + M.Tariq Malik.   Powered by

Promote Us  |  Report an Issue  |  Privacy Policy  |  Terms of Service

.