Undefined function error for javascript function

Question

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?

This may be a sneaky error - see stackoverflow.com/questions/153909/… — Caffeinated
– Caffeinated, Commented Oct 23, 2011 at 0:14
I'm not seeing anything specific wrong with what you posted: jsfiddle.net/LZVp6 — Jared Farrish
– 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
– Keith.Abramo, Commented Oct 23, 2011 at 0:18
$this->gettotalAdult() I don't think you can use -> syntax in JS, can you? — vol7ron
– vol7ron, Commented Oct 23, 2011 at 0:21

Marko · Accepted Answer · 2011-10-23 00:18:32Z

6

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

answered Oct 23, 2011 at 0:18

Marko

72.3k29 gold badges126 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Michael Davis Over a year ago

lol... I think that was it! Now I'm getting a different error: Cannot set property 'innerHTML' of null, but at least I can start tracing that down now that something is working!

vol7ron Over a year ago

Just saw this, you beat me to it.

Michael Davis Over a year ago

When I first noticed that, I didn't think that was so important.

vol7ron Over a year ago

@MichaelDavis you shouldn't change the question... it makes the answer more confusing

Michael Davis Over a year ago

@vol7ron - Good point! I'll edit that... I appreciate all the help! I'm always amazed how responsive everyone is here.

Collectives™ on Stack Overflow

Undefined function error for javascript function

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related