CS101 Assignment 3 Solution
#1
CS101 - Introduction to Computing
Assignment 3 - Spring 2017

Problem Statement: Create a Temperature Converter webpage with only HTML and JavaScript. It must convert user entered value from Fahrenheit to Celsius and vice versa.  Output must be an Integer and you must not use Math.round() function. There should not be a button, but a statement that shows whether the user has selected Fahrenheit or Celsius for conversion from the drop down list. 
Screenshots are given in the assignment file.

Solution:
Copy the following code and paste it in the notepad in your computer, only use notpad and not wordpad or Microsoft Word. Click on File option and then Save the file with extension .html e.g. yourname.html 
Code:
<html>
<head>
<title>Student Id: "Write your student ID here"</title>
</head>
<body>
<h1>Convert temprature</h1>
<table>
    <tr>
        <td>Enter a value:</td>
        <td><input type="text" onChange="myFunction()" name="uvalue" id="uvalue"></td>
        <td>
            <select name="utype" id="utype" onChange="myFunction()">
                <option value="b">Fahrenheit (F&deg;)</option>
                <option value="a">Celsius (C&deg;)</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>Answer:</td>
        <td><input type="text" name="answer" id="answer"></td>
    </tr>
    <tr>
        <td></td>
        <td colspan="2"><p id="bottomline"></p></td>
        <script>
        function myFunction()    {
    var w;
    var x = document.getElementById('uvalue').value;
    var y = document.getElementById('utype').value;
    function RoundNum(number){
   var a = number % 1;
   return number-a+(a/1+1.5>>1)*1
}

        if(y == "a"){
            document.getElementById('bottomline').innerHTML = "You Selected: Celsius to Fahrenheit";
            w = x * 9 / 5 + 32;
            document.getElementById('answer').value =  RoundNum(w);
        }
        if(y == "b"){
            document.getElementById('bottomline').innerHTML = "You Selected: Fahrenheit to Celsius";
            w = (x -32) * 5 / 9;
            document.getElementById('answer').value =  RoundNum(w);
        }
    }
    
</script>
    </tr>
</table>
</body>
</html>

Write your Student ID in the title tag where suggested. 
Remember to save the file with .html extension.
#2
Thank u soooooooooo much Rana
#3
(07-08-2017, 07:58 PM)Khadija Wrote: Thank u soooooooooo much Rana

You're welcome. And do make sure to change the assignment and do not only copy/paste as it is. Or you will be graded ZERO marks.
  


Possibly Related Threads…
Thread Author Replies Views Last Post
  CS101 Assignment 2 Solution Spring 2020 Ayra Suleman 0 297 06-11-2020, 06:28 AM
Last Post: Ayra Suleman
  CS101 GDB Solution Fall 2020 Ayra Suleman 0 2,069 01-31-2020, 08:19 PM
Last Post: Ayra Suleman
  CS101 GDB Solution Mishi Khan 1 2,670 01-25-2020, 04:59 PM
Last Post: adsvoo
  CS101 Assignment 1 Solution Fall 2019 Ayra Suleman 0 1,132 11-11-2019, 02:02 AM
Last Post: Ayra Suleman
  CS101 GDB Solution Spring 2019 Ayra Suleman 0 1,665 08-05-2019, 03:42 AM
Last Post: Ayra Suleman
  CS101 Assignment 2 Solution Spring 2019 Mishi Khan 0 783 05-23-2019, 03:03 AM
Last Post: Mishi Khan
  CS101 Assignment Solution Spring 2019 Mishi Khan 0 546 05-11-2019, 09:28 PM
Last Post: Mishi Khan
  CS101 Assignment Spring 2019 Mishi Khan 0 539 05-09-2019, 09:20 PM
Last Post: Mishi Khan
  Cs101 GDB 2018 Bia Fatima 3 4,884 01-27-2019, 11:57 AM
Last Post: Admin
  CS101 Assignment 2 Solution Fall 2018 Admin 0 2,861 01-23-2019, 10:29 PM
Last Post: Admin



Users browsing this thread:
1 Guest(s)