# Print - Gas Cost Calculator - JavaScriptBank.com

Do you ever wonder how much you must pay for fuel/gas in a year? Use this simple gas cost calculator to find out how much you spend or calculate fuel/gas costs, cost average monthly and annually. In addition, this calculator will also compute the miles per gallon (MPG) for your vehicle.

JavaScript
`<script type="text/javascript">// Created by: Allen Liu | http://www.gobozzy.comfunction calculate_mpg_savings(gasform) {  var dailymiles = gasform.dailymiles.value;  var costpergallon = gasform.costpergallon.value;  var daysperfillup = gasform.daysperfillup.value;  var sizeoftank = gasform.gastanksize.value;  var mpg = Math.round(((daysperfillup/sizeoftank) * (dailymiles)) *100)/100;  var monthlycost = Math.round((1/mpg) * costpergallon * (dailymiles * 30.417) * 100)/100;  document.gasform.mpg.value = mpg;  document.gasform.monthlycost.value = "\$" + monthlycost;  document.gasform.yearlycost.value = "\$" + Math.round(monthlycost * 12 * 100)/100;}</script>`

HTML
`<form name="gasform" class="gascalc"><fieldset style="width: 350px;"><legend><strong>Gas Cost Calculator</strong></legend><table><tr><td width="225"><label class="labl" for="dailymiles">Daily Mileage</label></td><td><input type="text" size="5" style="text-align: right;" id="dailymiles"></td></tr><tr><td><label class="labl" for="gastanksize">Gas Tank Size in Gallons</label></td><td><input type="text" size="5" style="text-align: right;" id="gastanksize"></td></tr><tr><td><label class="labl" for="daysperfillup">Days Between Fillups</label></td><td><input type="text" size="5" style="text-align: right;" id="daysperfillup"></td></tr><tr><td><label class="labl" for="costpergallon">Cost per Gallon (<em>in Dollars</em>)</label></td><td><input type="text" size="5" style="text-align: right;" id="costpergallon"></td></tr><tr><td><input name="calculate" value="Submit" onclick="calculate_mpg_savings(gasform)" type="button"><input name="Reset" class="button" type="reset"></td></tr></table></fieldset><br><fieldset style="width: 350px;"><legend><strong>My Gas Cost</strong></legend><table><tr><td width="225"><label class="labl" for="mpg">MPG </label></td><td><input type="text" size="10" style="text-align: right;" id="mpg" readonly="readonly"></td></tr><tr><td><label class="labl" for="monthlycost">Monthly Gas Cost </label></td><td><input type="text" size="10" style="text-align: right;" id="monthlycost" readonly="readonly"></td></tr><tr><td><label class="labl" for="yearlycost">Annual Gas Cost </label></td><td><input type="text" size="10" style="text-align: right;" id="yearlycost" readonly="readonly"></td></tr></table></fieldset></form>`