How do I get this javascript to work

Question

1.50/5 (2 votes)

See more:

I am trying to dynamically add up the sum of 5 textboxes into a 6 th text box as the numbers are entered. My script won't run. What am I doing wrong.

XML

<script lang="javascript" type="text/javascript">
            function sum() {
                var TextBoxFirstScoreAnc = document.getElementById('<%= TextBoxFirstScoreAnc.ClientID%>').value;
                var TextBoxAncillaryNonPatScore = document.getElementById('<%= TextBoxAncillaryNonPatScore.ClientID%>').value;
                var TextBoxRestroomScoreAnc = document.getElementById('<%= TextBoxRestroomScoreAnc.ClientID%>').value;
                var TextBoxDustingScoreAnc = document.getElementById('<%= TextBoxDustingCommentsAnc.ClientID%>').value;
                var TextBoxFloorScoreAnc = document.getElementById('<%= TextBoxFloorScoreAnc.ClientID%>').value;

            if ((TextBoxFirstScoreAnc !== "") && (TextBoxAncillaryNonPatScore !== "") && (TextBoxRestroomScoreAnc !== "") && (TextBoxDustingScoreAnc !== "") && (TextBoxFloorScoreAnc !== "")) {
                var newValue = GetDecimalValue(TextBoxFirstScoreAnc) + GetDecimalValue(TextBoxAncillaryNonPatScore) + GetDecimalValue(TextBoxRestroomScoreAnc) + GetDecimalValue(TextBoxDustingScoreAnc) + GetDecimalValue(TextBoxFloorScoreAnc);
                document.getElementById('<%= TextBoxTotalScoreAnc.ClientID%>').value = GetDecimalValue(newValue);
            }
        }
        function GetDecimalValue(value) {
            return (value ? parseFloat(value).toFixed(1) : 0.0);
        }
 </script>

Posted 21-Oct-15 4:10am

Member 11598884

Add a Solution

Comments

Richard Deeming 21-Oct-15 10:30am

You're missing the code that wires up the sum function to the change events on the textboxes.

Use the "Improve question" button to update your question with the missing code.

F-ES Sitecore 21-Oct-15 10:43am

There are too many variables to say for sure, it could be anything. Read some articles on how to debug javascript as we can't run your code in situation. At a minimum look at the browser console for errors, and if there are no errors use the "debugger;" keyword to step through your code to see what is happening.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Krunal Rohit · Accepted Answer · 2015-10-21T07:10:00

Okay, let me carry forward what F-ES Sitecore is saying about the using debugger.
Do the following code, and in browser press F12 and run this function. It'll be paused at the very first line.
Now use the F10 to step into in it and see what is actually happening with your code.

XML

<script lang="javascript" type="text/javascript">
            function sum() {
                debugger;
                var TextBoxFirstScoreAnc = document.getElementById('<%= TextBoxFirstScoreAnc.ClientID%>').value;
                var TextBoxAncillaryNonPatScore = document.getElementById('<%= TextBoxAncillaryNonPatScore.ClientID%>').value;
                var TextBoxRestroomScoreAnc = document.getElementById('<%= TextBoxRestroomScoreAnc.ClientID%>').value;
                var TextBoxDustingScoreAnc = document.getElementById('<%= TextBoxDustingCommentsAnc.ClientID%>').value;
                var TextBoxFloorScoreAnc = document.getElementById('<%= TextBoxFloorScoreAnc.ClientID%>').value;

            if ((TextBoxFirstScoreAnc !== "") && (TextBoxAncillaryNonPatScore !== "") && (TextBoxRestroomScoreAnc !== "") && (TextBoxDustingScoreAnc !== "") && (TextBoxFloorScoreAnc !== "")) {
                var newValue = GetDecimalValue(TextBoxFirstScoreAnc) + GetDecimalValue(TextBoxAncillaryNonPatScore) + GetDecimalValue(TextBoxRestroomScoreAnc) + GetDecimalValue(TextBoxDustingScoreAnc) + GetDecimalValue(TextBoxFloorScoreAnc);
                document.getElementById('<%= TextBoxTotalScoreAnc.ClientID%>').value = GetDecimalValue(newValue);
            }
        }
        function GetDecimalValue(value) {
            return (value ? parseFloat(value).toFixed(1) : 0.0);
        }
 </script>

-KR