Temperature Converter

**jsakalos** · Jun 16 '07, 08:18 PM

Use Math object. It has round, floor and maybe other methods you can use.

**improvcornartist** · Jun 17 '07, 05:27 AM

You had a few syntax errors. Look at the following code for some corrections. If you have more questions while finishing your project, I'll be glad to help.

Code:

<html>
<head>
<title>Convert Temperature</title>

<script language="JavaScript">

<!--Hide from old browsers
function tempConv() {
var TempInCelcius = (document.Converter.fahrenheit_in.value - 32) * .55;
var TempInFahrenheit = (document.Converter.celcius.value * 1.8) + 32;

alert(TempInCelcius);
alert(TempInFahrenheit);
}
//-->
</script>

</head>
<body>

<h1>Convert Temperature</h1>
<form name="Converter">
<p><strong>Enter the temperature in Fahrenheit</strong></p>
<input type="text" name="celcius" size="10" align="left">
<input type="Button" align="left" value="Convert to Celcius" onClick="tempConv();">
<br>
<p><strong>Enter the temperature in Celcius</strong></p>
<input type="text" name="fahrenheit_in" size="10" align="left">
<input type="Button" align="left" value="Convert to Fahrenheit" onClick="tempConv();">

</form>
</body>
</html>

**Brigitte Behrmann** · Jun 17 '07, 09:07 AM

Originally posted by improvcornartis t

You had a few syntax errors. Look at the following code for some corrections. If you have more questions while finishing your project, I'll be glad to help.

Code:

<html>
<head>
<title>Convert Temperature</title>

<script language="JavaScript">

<!--Hide from old browsers
function tempConv() {
var TempInCelcius = (document.Converter.fahrenheit_in.value - 32) * .55;
var TempInFahrenheit = (document.Converter.celcius.value * 1.8) + 32;

alert(TempInCelcius);
alert(TempInFahrenheit);
}
//-->
</script>

</head>
<body>

<h1>Convert Temperature</h1>
<form name="Converter">
<p><strong>Enter the temperature in Fahrenheit</strong></p>
<input type="text" name="celcius" size="10" align="left">
<input type="Button" align="left" value="Convert to Celcius" onClick="tempConv();">
<br>
<p><strong>Enter the temperature in Celcius</strong></p>
<input type="text" name="fahrenheit_in" size="10" align="left">
<input type="Button" align="left" value="Convert to Fahrenheit" onClick="tempConv();">

</form>
</body>
</html>

I have made some changes but I still have the following problems:
1. If I enter 100 in the fahrenheit box and convert to celcius I get a temperature altert of -17.6 but it should return a value of 37.4
2. It does the function twice on click as I have not separated the entry values into either or.... don't know how!
3. I also need to round the returned numbers off to not include decimal points.

Code:

<html>
<head>
<title>Convert Temperature</title>
 
<script language="JavaScript">
 
<!--Hide from old browsers
   function tempConv() {
        var TempInCelcius = (document.Converter.fahrenheit_in.value - 32) * 0.55;
        var TempInFahrenheit = (document.Converter.celcius_in.value * 1.8) + 32;
        window.alert("The temperature you entered as Fahrenheit is equal to " + TempInCelcius + " in Celcius");
        window.alert("The temperature you entered as Celcius is equal to " + TempInFahrenheit + " in Fahrenheit");
}

//-->
</script>
 
</head>
<body>
 
<h1>Convert Temperature</h1>
<form name="Converter">
<p><strong>Enter the temperature in Fahrenheit</strong></p>
<input type="text" name="celcius_in" size="10" align="left">
<input type="Button" align="left" value="Convert to Celcius" onClick="tempConv();">
<br>
<p><strong>Enter the temperature in Celcius</strong></p>
<input type="text" name="fahrenheit_in" size="10" align="left">
<input type="Button" align="left" value="Convert to Fahrenheit" onClick="tempConv();">
 
</form>
</body>
</html>

**gits** · Jun 17 '07, 11:03 AM

hi ...

have a look at your input-fields ... that have the wrong order! correct it and it should work. I've seen that you know how to round a floating number ... so you should be able to solve this problem ...

kind regards ...

**gits** · Jun 17 '07, 11:10 AM

and your problem nr. 2. - you should pass the value of your input-field or at least a param to differ between the buttons within your function ... so that you process only one conversion dependent to your input-parameter ... i give you an example:

[CODE=javascript]
// when calling the function pass param to it

function(param) {
if (params == 'whatever') {
// do this
} else {
// do that
}
}
[/CODE]

kind regards

**gits** · Jun 17 '07, 03:24 PM

;) note the typo in the above example : params has to be param in the condition ... sorry ;))

**Brigitte Behrmann** · Jun 17 '07, 04:25 PM

Originally posted by gits

;) note the typo in the above example : params has to be param in the condition ... sorry ;))

Okay you have lost me again!!!! Doesn't take much as you may have noticed!
Here is the question, please help me from beginning to end, I just have no idea where what goes!
Question 2 = 15 marks
You convert a Fahrenheit temperature to Celsius using the following formula:
(Fahrenheit_tem p – 32) * .55. The result returned from a formula such as this
often results in a number with decimal places. However, you usually display a
temperature rounded to the nearest whole number. For example, when you
convert the Fahrenheit temperature of 100 degrees to Celsius, the result is
47.400000000000 006. Create a temperature conversion calculator that rounds
the resulting temperatures to the nearest whole number and vice versa. See
example below.

CONVERT TEMPERATURE
Enter the temperature in Fahrenheit:
(text box) (Button: Convert to Celcius)

Enter the temperature in Celcius:
(text box) (Button: Convert to Fahrenheit)

**gits** · Jun 17 '07, 04:39 PM

;) first have a look at your html form. you enter 'celsius_in' but you want 'fahrenheit_in' at this point ... right? switch it ... at first ... have a look at the result ... it should be ok then?

**Brigitte Behrmann** · Jun 17 '07, 05:11 PM

Originally posted by gits

;) first have a look at your html form. you enter 'celsius_in' but you want 'fahrenheit_in' at this point ... right? switch it ... at first ... have a look at the result ... it should be ok then?

Okay, did that but I still get two responses. Gives me the temp in the window alert, click OK and then I get the 2nd alert!
Where does the param code you suggested fit in with what I got:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Convert Temperature</title>
 
<script language="JavaScript">
 
<!--Hide from old browsers
   function tempConv() {
        var TempInCelcius = (document.Converter.fahrenheit_in.value - 32) * 0.55;
        var TempInFahrenheit = (document.Converter.celcius_in.value * 1.8) + 32;
        window.alert("The temperature you entered as Fahrenheit is equal to " + TempInCelcius + " in Celcius");
        window.alert("The temperature you entered as Celcius is equal to " + TempInFahrenheit + " in Fahrenheit");
}

//-->
</script>
 
</head>
<body>
 
<h1>Convert Temperature</h1>
<form name="Converter">

<p><strong>Enter the temperature in Fahrenheit</strong></p>
<input type="text" name="fahrenheit_in" size="10" align="left">
<input type="Button" align="left" value="Convert to Fahrenheit" onClick="tempConv();">
<br><p><strong>Enter the temperature in Celcius</strong></p>
<input type="text" name="celcius_in" size="10" align="left">
<input type="Button" align="left" value="Convert to Celcius" onClick="tempConv();">
 
</form>
</body>
</html>

**gits** · Jun 17 '07, 05:33 PM

... ;) ok ... next step: onclick of your button you call the function tempConv();
... right? call it at your first button with a simple string as param lets say: 'fahrenheit_con version' so it looks like:

Code:

onclick="tempConv('fahrenheit_conversion');"

the second call gets 'celsius_conver sion' ok?

so within the function now you may adapt the example from above ... create an if-statement that makes the conversion from fahrenheit to celsius when param is 'fahrenheit_con version' and the other conversion when it gets 'celsius_conver sion' ... ok? try it ... please ;)

kind regards ...

**Brigitte Behrmann** · Jun 17 '07, 06:16 PM

Originally posted by gits

... ;) ok ... next step: onclick of your button you call the function tempConv();
... right? call it at your first button with a simple string as param lets say: 'fahrenheit_con version' so it looks like:

Code:

onclick="tempConv('fahrenheit_conversion');"

the second call gets 'celsius_conver sion' ok?

so within the function now you may adapt the example from above ... create an if-statement that makes the conversion from fahrenheit to celsius when param is 'fahrenheit_con version' and the other conversion when it gets 'celsius_conver sion' ... ok? try it ... please ;)

kind regards ...

I understand you really are trying to get me to help myself, but please understand that after only one week of self help with a text book, I really have no idea what I am doing.
I still have it all wrong: I think I should just give it up and submit an incorrect assignment and hope that by the end of the year I have learnt enough to pass the exam.

Code:

<html>
<head>
<title>Convert Temperature</title>
 
<script language="JavaScript">
 
<!--Hide from old browsers

   
   function(param) {
      if (param == 'fahrenheit_conversion') {
          //tempConv() = (document.Converter.fahrenheit_in.value);
      } else {
          //tempConv() = (document.Converter.celcius_in.value);
    }
}
   function tempConv() {
        var TempInCelcius = (document.Converter.fahrenheit_in.value - 32) * 0.55;
        var TempInFahrenheit = (document.Converter.celcius_in.value * 1.8) + 32;
        window.alert("The temperature you entered as Fahrenheit is equal to " + TempInCelcius + " in Celcius");
        window.alert("The temperature you entered as Celcius is equal to " + TempInFahrenheit + " in Fahrenheit");
}

//-->
</script>
 
</head>
<body>
 
<h1>Convert Temperature</h1>
<form name="Converter">

<p><strong>Enter the temperature in Fahrenheit</strong></p>
<input type="text" name="fahrenheit_in" size="10" align="left">
<input type="Button" align="left" value="Convert to Celcius" onclick="tempConv('fahrenheit_conversion');"
<br><p><strong>Enter the temperature in Celcius</strong></p>
<input type="text" name="celcius_in" size="10" align="left">
<input type="Button" align="left" value="Convert to Fahrenheit" onclick="tempConv('celcius_conversion');"
 
</form>
</body>
</html>

**gits** · Jun 17 '07, 06:24 PM

;) you nearly have it ... replace the script area with the following:

[CODE=javascript]<script language="JavaS cript">


</script>
[/CODE]

that will do the job ... don't give up !! ... ;)

kind regards

**Brigitte Behrmann** · Jun 17 '07, 07:01 PM

Originally posted by gits

;) you nearly have it ... replace the script area with the following:

[CODE=javascript]<script language="JavaS cript">


</script>
[/CODE]

that will do the job ... don't give up !! ... ;)

kind regards

Thank you sooooooooo much. Last question, how do I now round the resulting temperature. I presume I use Math.round but do not know how this fits in.
Kind regards, BB

**gits** · Jun 17 '07, 07:14 PM

hey ;)) ...

ok last step - after the line:

[CODE=javascript]
var TempInCelcius = (document.Conve rter.fahrenheit _in.value - 32) * 0.55;
[/CODE]

you put ... that rounds the value:

[CODE=javascript]
TempInCelcius = Math.round(Temp InCelcius);
[/CODE]

some lines later you do the same for TempInFahrenhei t ... all right? :)

kind regrads

Temperature Converter

Temperature Converter

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment