calorie counter javascript

Free online calorie counters. Food intake calorie counter and exercise calorie calculator. Online fitness and health tools to help with your diet plan.

Handy Tip: If your the webmaster of a health or fitness website, adding sticky content such as calorie counters and exercise calculators can help increase the number of return visitors looking at improving their overall diet plans.

Bookmark This Page

Two types of calorie counters

There are two different types of free online calorie counters to use on your health and fitness website. One tallies the calories burned during exercise, while the other adds the amount of calories eaten for any given day. In other words, one is a daily food calorie counter and the other is an exercise calorie counter. Both are important tools to help develop a balanced fitness and diet program.

Exercise calorie counter by Chris Buskirk

The first calorie counter shown below calculates how many calories you have burned depending on your weight and how many miles you have run. Health studies have shown that heavier people burn more calories when they are exercising, than lighter people. Hence the reason you need to type your current weight into the exercise calorie calculator below.

Calorie counter javascript Installation

If you would like to use the exercise calorie counter on your website simply copy and paste the code below between the <body> and </body> tags of your webpage.

<!--
var myWeight;
var myDistance;

function HowMany(form)
{
var difference;
difference = (myDistance * myWeight) * .653;
form.Fdiff.value = difference;

if (difference < 100) {
form.comment.value="You better start working!";
}
if (difference > 101 && difference < 200) {
form.comment.value="Nice run, but you can do better.";
}
if (difference > 201 && difference < 300) {
form.comment.value="Very good! Push above 300 next time.";
}
if (difference > 301 && difference < 500) {
form.comment.value="Great! Your a runner.....keep it up!";
}
if (difference > 501 && difference < 700) {
form.comment.value="Bill Rogers move over!";
}
if (difference > 701) {
form.comment.value="Your my hero! Have a jelly doughnut."; 
}

}

function SetMyWeight(weight)
{
myWeight = weight.value;
}

function SetmyDistance(dis)
{
myDistance = dis.value;
}

function ClearForm(form){

form.myWeight.value = "";
form.myDistance.value = "";
form.Fdiff.value = "";
form.comment.value = "";

}
// -->

</SCRIPT>
<center>
<FORM METHOD="POST">
<TABLE border=3>
<TR>
<TR>
<TD><div align=center>Your<br>Weight</div></TD>
<TD><div align=center>Miles<br>run</div></TD>
<TD><div align=center>Calories<br>burned</div></TD>
<TD><INPUT TYPE=BUTTON ONCLICK="HowMany(this.form)" VALUE="Calculate"></TD>
</TR>
<tr>
<TD><div align=center><INPUT TYPE=text NAME=myWeight SIZE="4"ONCHANGE="SetMyWeight(this)"></div></TD>
<TD><div align=center><INPUT TYPE=text NAME=myDistance SIZE="4"ONCHANGE="SetmyDistance(this)"></div></TD>
<TD><div align=center><INPUT TYPE=text NAME="Fdiff" VALUE="" SIZE="6"></div></TD>
<TD><div align=center><INPUT TYPE=BUTTON VALUE=" Reset " onClick="ClearForm(this.form)"></div></tr>
</table>
<table border=3>
<tr>
<TD><DIV ALIGN=CENTER>My Comment</DIV></TD>
<TD><INPUT TYPE=text NAME="comment" size="37"></td>
</TR>
</TABLE>
</FORM>
</center>

<p align="center"><font face="arial" size="-2"><a href="http://www.hypergurl.com/calorie-counter.html" target="_blank">Calorie 
  Counter</a> provided FREE by Hypergurl</font> </p>

Food calorie calculator (counter) by LabPixies

Demonstrated below is one of the best calorie calculators I've seen for counting calories based on what you ate for breakfast, lunch, dinner and treats. Firstly use the 'settings' link to save your age, gender, weight, height and activity level. This will find your recommended daily calorie allowance and display it along the top.

Then add each food item you've eaten for the day and the calorie calculator will automatically display the total of calories eaten. For example, clicking on the breakfast tab will give you a choice of main dish, side dish, toppings, deserts, dairy and beverages. If you click on main dish, you can then add cerial, sausages, egg and ham etc to your menu. Whereas if you clicked on beverages, you can add tea, coffee, juice etc. You should then notice along the top, it adds up all the calories eaten. Furthermore it also subtracts the calories you've eaten off your recommended daily allowance so you can see if your on track to a healthy diet.

Add this food calorie counter to your health and fitness or diet website. Choose your settings and colors then copy and paste the code to your webpage.

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Home