Calculation help needed in javascript

Question

Why won't this short example work? I am trying to get a total calculated on the fly, but it seems the function's aren't updating the total box.

In my actual work I am using radio buttons to update the pricing on the fly (rather than the button shown here), which each have an onclick function applied.

http://jsfiddle.net/jvEDt/1/

Any help would be amazing! Thanks very much

Your order total: <input type="text" id="totalbox" name="totalbox" size="10" maxlength="10" readonly="readonly" value="0.00" /><br>

<input name="Order" type="submit" value="Order" onclick ="JavaScript: calculateTotal();">

function calculateTotal()
{
var total = "5.00";
var totalbox = document.getElementById('totalbox');
totalbox.value = "£" + total;
}

You need to change the jsFiddle setting from onLoad to No wrap - in <head>. Then it will work. — Sani Huttunen
– Sani Huttunen, Commented May 30, 2013 at 11:20

Sani Huttunen · Accepted Answer · 2013-05-30 11:27:49Z

1

There are different settings in jsFiddle how the javascript should be treated.

onLoad
This executes the script when the body has loaded:

<body onLoad="<your script>">

No wrap - in head
This inserts the script in the head section:

<head>
  Your script
</head>

In your case you don't want to execute the script but rather include it on the page so that it's globally available. No wrap - in head is the setting you should use.

answered May 30, 2013 at 11:27

Sani Huttunen

24.4k7 gold badges78 silver badges82 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:50:11Z

0

You can define your function at run-time:

calculateTotal = function()
{
    // your code
}

Or you can change the place Javascript is loaded in the jsfiddle to No wrap as said in other answers.

Check this thread about run-time and parse-time defined functions: var functionName = function() {} vs function functionName() {}

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered May 30, 2013 at 11:27

albertedevigo

18.4k6 gold badges55 silver badges58 bronze badges

Comments

Axel Amthor · Accepted Answer · 2013-05-30 11:28:33Z

0

additionaly:

<input name="Order" type="button" value="Order" onclick="calculateTotal();">

No spaces, no JavaScript: etc.

answered May 30, 2013 at 11:28

Axel Amthor

11.1k1 gold badge28 silver badges45 bronze badges

Collectives™ on Stack Overflow

Calculation help needed in javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related