Here is my code, I don't understand what's wrong.

    <script type="text/jquery">

function gettotalAdult()
{
    //Assume form with id="fsd-bucket-calc"
    var theForm = document.forms["fsd-bucket-calc"];
    //Get a reference to the # of Adults & Children
    var quantity = theForm.elements["totalAdult"];
    var caloriesAdult = theForm.elements["caloriesAdult"];
    var adultcalTotal=0;
    //If the totalAdult is not blank
    if(totalAdult.value!="")
    {
        adultcalTotal = parseInt(totalAdult.value)*parseInt(caloriesAdult.value);
    }
return adultcalTotal;
}

function gettotalChild()
{
    //Assume form with id="fsd-bucket-calc"
    var theForm = document.forms["fsd-bucket-calc"];
    //Get a reference to the # of Children
    var totalChild = theForm.elements["totalChild"];
    var caloriesChild = theForm.elements["caloriesChild"];
    var childcalTotal=0;
    //If the totalChild is not blank
    if(totalChild.value!="")
    {
        childcalTotal = parseInt(totalChild.value)*parseInt(caloriesChild.value);
    }
return childcalTotal;
}

function gettotalCalories()
{
    //Here we get the total calories by calling our function
    //Each function returns a number so by calling them we add the values they return together
    var totalCalories = gettotalAdult() + gettotalChild();
    //display the result
    document.getElementById('total-req-cal').innerHTML = "The total required calories are "+totalCalories;
}

</script>

This is my HTML:

<input type="text" name="totalAdult" id="totalAdult" onkeyup="gettotalCalories()" />

This is my error:

gettotalCalories is not defined

If it helps, the script is in the head of a WordPress page. Does anyone see what I'm doing wrong?

Here is my code, I don't understand what's wrong.

    <script type="text/jquery">

function gettotalAdult()
{
    //Assume form with id="fsd-bucket-calc"
    var theForm = document.forms["fsd-bucket-calc"];
    //Get a reference to the # of Adults & Children
    var quantity = theForm.elements["totalAdult"];
    var caloriesAdult = theForm.elements["caloriesAdult"];
    var adultcalTotal=0;
    //If the totalAdult is not blank
    if(totalAdult.value!="")
    {
        adultcalTotal = parseInt(totalAdult.value)*parseInt(caloriesAdult.value);
    }
return adultcalTotal;
}

function gettotalChild()
{
    //Assume form with id="fsd-bucket-calc"
    var theForm = document.forms["fsd-bucket-calc"];
    //Get a reference to the # of Children
    var totalChild = theForm.elements["totalChild"];
    var caloriesChild = theForm.elements["caloriesChild"];
    var childcalTotal=0;
    //If the totalChild is not blank
    if(totalChild.value!="")
    {
        childcalTotal = parseInt(totalChild.value)*parseInt(caloriesChild.value);
    }
return childcalTotal;
}

function gettotalCalories()
{
    //Here we get the total calories by calling our function
    //Each function returns a number so by calling them we add the values they return together
    var totalCalories = gettotalAdult() + gettotalChild();
    //display the result
    document.getElementById('total-req-cal').innerHTML = "The total required calories are "+totalCalories;
}

</script>

This is my HTML:

<input type="text" name="totalAdult" id="totalAdult" onkeyup="gettotalCalories()" />

This is my error:

gettotalCalories is not defined

If it helps, the script is in the head of a WordPress page. Does anyone see what I'm doing wrong?

• javascript
• function
• anonymous
• defined

• This may be a sneaky error - see stackoverflow./questions/153909/… – Caffeinated Commented Oct 23, 2011 at 0:14
• @Adel - Your link is a circular reference. – Jared Farrish Commented Oct 23, 2011 at 0:14
• I'm not seeing anything specific wrong with what you posted: jsfiddle/LZVp6 – Jared Farrish Commented Oct 23, 2011 at 0:16
• Are you sure your script is loading into the page. Have you fired up firebug or chrome's console to see what scripts are loaded? – Keith.Abramo Commented Oct 23, 2011 at 0:18
• $this->gettotalAdult() I don't think you can use -> syntax in JS, can you? – vol7ron Commented Oct 23, 2011 at 0:21

1 Answer 1

You have <script type="text/jquery"> you may need <script type="text/javascript"> instead.