Convert calories kilojoules javascript calculator

Copy and paste javascript code for converting calories to kilojoules or kilojoules to calories. This calculator is the perfect website tool for health and diet websites or blogs.

Wether you're on a healthy eating plan or have a diet themed website or blog, this javascript code will help you to convert calories to kilojoules and vice versa. You can use the calculator demonstrated here on this page, or copy and paste the javascript to your own website.

Bookmark This Page | Click here for more javascripts

Calories to kilojoules or kilojoules to calories javascript converter

For many people who are on diets or healthy eating plans, they get into the habit of reading the calorie or kilojule amount written on the side of the food packet. While some people count calories, others add up their daily allowances in kilojoules instead. This calorie to kilojule converter is useful for those times when a food packet only displays either one or the other.

To add this calories to kilojoules or kilojoules to calories converter to your website, copy and paste the first part of the code shown below between the <head> </head> tags of your webpage html code. There is nothing to alter within the javascript code, but we stress that the credits at the top of the script must remain for copyright reasons.

Part 1:

// convert function

function convert() 
{
  // Clear output field:
  document.converter.calories.value = "";

// Some variables
  var kilojoules = document.converter.kilojoules.value;
  var pounds = "";

// convert to 2 decimal places 
	
  var ch = (kilojoules * 4.2).toFixed(2);

// Write result to lower form box
    document.converter.calories.value = ch;

}
function convertcalories() 
{
  // Clear output field:
  document.caloriesconverter.urkilojoules.value = "";

// Some variables
  var urcalories = document.caloriesconverter.urcalories.value;
  var urkilojoules = "";

// convert to 2 decimal places 
	
  var temp = (urcalories / 4.2).toFixed(2);

// Write result to lower form box
    document.caloriesconverter.urkilojoules.value = temp;

}

//-->
</script>

Next, copy the javascript code from the text box below and paste it directly where you want the converter positioned on your webpage.

Part 2:

<form name="converter" onSubmit="return false;" action="">
          <table>
            <tr> 
              <td><font face="Arial, Helvetica, sans-serif" size="2">Type in your 
                calories</font><br>
                <input type="text" size="50" name="kilojoules" value="Calories">
              </td>
            </tr>
            <tr> 
              <td> 
                <p> 
                  <input value="Click here to convert" onClick="convert()" type="submit" name="submit">
                  <br>
                  <br>
                  <font face="Arial, Helvetica, sans-serif" size="2">Calories 
                  converted to kilojoules is: </font><p></p>
              </td>
            </tr>
            <tr> 
              <td> 
                <input name="calories" type="text" value="" size="50">
              </td>
            </tr>
            <tr> 
              <td> <br>
              </td>
            </tr>
          </table>
</form>
        <form name="caloriesconverter" onSubmit="return false;" action="">
          <table>
            <tr> 
              <td><font face="Arial, Helvetica, sans-serif" size="2">Type in your 
                kilojoules</font><br>
                <input type="text" size="50" name="urcalories" value="kilojoules">
              </td>
            </tr>
            <tr> 
              <td> 
                <p> 
                  <input value="Click here to convert" onClick="convertcalories()" type="submit" name="submit">
                  <br>
                  <br>
                  <font face="Arial, Helvetica, sans-serif" size="2">Kilojoules 
                  converted to calories is: </font><p></p>
              </td>
            </tr>
            <tr> 
              <td> 
                <input name="urkilojoules" type="text" value="" size="50">
              </td>
            </tr>
            <tr> 
              <td> <br>
              </td>
            </tr>
          </table>
          <p><a href="http://www.hypergurl.com/easyhtml.html">Javascript by Hypergurl</a><p></p>
        </form>

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Refer A Friend

Your Email
Your Name
Friends Email
Friends Name

Home