View Single Post
 01-20-2013, 02:27 PM PM User | #1 mos5 New to the CF scene   Join Date: Jan 2013 Posts: 3 Thanks: 0 Thanked 0 Times in 0 Posts Script from HTML form help required Hello, I am trying to create a javascript function (Please see the function below) which calculates the total cost of a trip for three different vehicles based on html form input (Please see HTML code below) but I cannot get the script to work. Any help would be appreciated. Here is the HTML code: Calculating with JavaScript and HTML Forms

In this lab lets look at some additional things that JavaScript can do, such as make calculations with user input from a form.

The Problem:

I want to take a drive from Colorado Springs to Yellowstone Park. The reported distance is 638 miles. I would like to know how much the fuel is going to cost me to make this round trip. I have three options for my transportation....Assume that gas costs on averate \$2.33 per gallon.

1. My Car that gets on average 19mpg...
2. My Motorcycle that gets on average 76 mpg...
3. My Friends hybrid that gets on average 48mpg

Fill in the form items below to get the input necessary to make the calculations:

Cost with My Car Cost with Motorcycle Cost with Hybrid

Here is my attempt at the script: function CalculateCost(){ var dist = document.getElementById("dist").value; var mycarMpg = document.getElementById("mycarMpg").value; var mtrcycMPG = document.getElementById("mtrcycMpg").value; var hybridMpg = document.getElementById("hybridMpg").value; var mycar = document.getElementById("mycar").value; var mtrcyc = document.getElementById("mtrcyc").value; var hybrid = document.getElementById("hybrid").value; mycar = dist/mycarMpg*2.33; mycar = Math.round(mycar * 100)/100; mtrcyc = dist/mtrcycMPG*2.33; mtrcyc = Math.round(mtrcyc * 100)/100; hybrid = dist/hybridMpg*2.33; hybrid = Math.round(hybrid * 100)/100; } Last edited by mos5; 01-20-2013 at 04:03 PM.. Reason: Personal information