HTML libraries

rn_8 · November 13, 2012

I have created an html file that utilizes a library. The library stores the calculation function of dew point and wind chill. The goal of this file is to input temperature, humidity and wind and to produce the outputs of either dew point or wind chill. I am having trouble getting the output to come up at all.

The following is the code for my library, saved as weather.js:

function CalculateDewPoint(dew)

// Assumes: the temperature is measured in degrees Fahrenheit,

humidity is measured in relative humidity

// Returns: the corresponding due point will be calculated in degrees Fahrenheit

{

var dew;

dew = temp - ((100 - humid) / 2.778);

return dew;

}

function CalculateWindChill(wc)

// Assumes: the temperature is measured in degrees Fahrenheit,

the wind is measured in miles per hour

// Returns: the corresponding wind chill will be calculated in degrees Fahrenheit

{

var wc;

wc = 35.74 + 0.6215 * temp + (0.4275 * temp - 35.75) * Math.pow (wind , 0.16);

return wc;

}

And the html file, indexes.html, is as follows:

<!doctype html>

<html>

<head>

<title>Weather Index</title>

function CalculateDewPoint()

// Assumes: tempBox contains a temperature in degrees Fahrenheit,

humidBox contains a relative humidity

// Results: display the dew point in degrees Fahrenheit in outputDiv

{

var dew, temp, humid;

temp = parseFloat(document.getElementById('tempBox').value);

humid = parseFloat(document.getElementById('humidBox').value);

dew = CalculateDewPoint(dew);

document.getElementById('outputDiv').innerHTML =

'The temperature at which water vapor will condense into dew is at ' + dew + ' degrees Fahrenheit.';

}

function CalculateWindChill()

// Assumes: tempBox contains a temperature in degrees Fahrenheit,

windBox contains a wind speed in miles per hour

// Results: display the wind chill in degrees Fahrenheit in outputDiv

{

var wc, temp, wind;

temp = parseFloat(document.getElementById('tempBox').value);

wind = parseFloat(document.getElementById('humidBox').value);

wc = CalculateWindChill(wc);

document.getElementById('outputDiv').innerHTML =

'The wind chill factor is ' + wc + ' degrees Fahrenheit.';

}

</script>

</head>

<body>

<h2>Weather Index</h2>

<p>Temperature (F):

Humidity(%):

Wind (mph):

<input type="button" value="Calculate Dew Point"

onclick="CalculateDewPoint();">

<input type="button" value="Calculate Wind Chill"

onclick="CalculateWindChill();">

</p>

<hr>

</body>

</html>

Please let me know if you can find any errors in this code that would allow this to function properly.

Sign In

HTML libraries

Recommended Posts

rn_8

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Important Information