Which is better for generating automatic value - Javascript or Controller?

Question

Which is better for generating automatic value - Javascript or Controller?

I am currently exploring the most effective way to update a database value based on the input from a textbox. The database contains two columns: "Amount Added" and "Money". The value in the "Money" column depends on the "Amount Added" value.

My goal is to automatically update the textbox for "Money" once the "Amount Added" value has been changed, or have the controller calculate and input the value upon clicking submit.

I attempted to achieve this using JavaScript, although it is not my expertise. I found a code snippet in another post here:

$(document).ready(function Update() {
    var one = document.getElementById('AmountAdded'),
        two = document.getElementById('Money');

    two.value = parseInt(one.value) * 2 / 100;
})

Unfortunately, this approach did not work as expected. Should I continue with this method and refine it, or consider implementing it through the controller?

If relevant, I am utilizing Entity Framework for this project.

UPDATE: After realizing that the JavaScript was located within the body due to being in the view, I moved it to the layout page. Additionally, following Dhaval's advice, I corrected "GetElementById" to "getElementById".

Initially, the first reload displayed the "Money" value as NaN. To address this, I set the default value to 0. However, changing it subsequently does not reflect the updated value in Html.EditorFor.

Any suggestions or insights would be greatly appreciated.

javascript c#sql .net model-view-controller

Answer 1

Answer №1

$(document).ready(
    function(){
        UpdateValues();

        $('#AmountAdded, #Money')
            .change(function(){
                UpdateValues();
         });
    }
);

function UpdateValues() {
    var value1 = $('#AmountAdded'),
    value2 = $('#Money');

    value2.val(parseInt(value1.val()) * 2 / 100);
}

Answer 2

$(document).ready(
    function(){
        UpdateValues();

        $('#AmountAdded, #Money')
            .change(function(){
                UpdateValues();
         });
    }
);

function UpdateValues() {
    var value1 = $('#AmountAdded'),
    value2 = $('#Money');

    value2.val(parseInt(value1.val()) * 2 / 100);
}

Answer 3

Answer №2

It appears that you are utilizing jQuery in your code. You may want to experiment with the following snippets:

$(document).ready(function(){
    $('#AmountAdded').on('change',function(){
        var calculation = $('#AmountAdded').val() * 2 / 100;
        $('#Money').val(calculation);
    })
})

Answer 4

It appears that you are utilizing jQuery in your code. You may want to experiment with the following snippets:

$(document).ready(function(){
    $('#AmountAdded').on('change',function(){
        var calculation = $('#AmountAdded').val() * 2 / 100;
        $('#Money').val(calculation);
    })
})

Which is better for generating automatic value - Javascript or Controller?

Answer №1

Answer №2

Similar questions

There seems to be this strange and unexpected sharing of Animated.View and useRef between different child components

How to easily click on an empty space using Protractor

React Native - encountering undefined setState when passing data

Using TypeScript, you can access the constructor of a derived type by calling it with the

Using this functionality on a ReactJS Functional Component

ASP.NET, utilizing Windows Authentication and the manipulation of querystrings

What is the reason for JSHint alerting me about utilizing 'this' in a callback function?

Tips for hiding navigation items on mobile screens

Selecting data in TSQL where two columns are equal to each other

Renaming ngModel in an AngularJS directive's "require" attribute can be achieved by specifying a different alias

Expanding unordered list with dual columns upon hovering

Most effective method to retrieve yesterday's data

Is there a way to integrate @Aspect with @Controller in Spring 3?

End the sessions of all users sharing the identical JWT token

Making a XMLHttpRequest/ajax request to set the Content-Type header

Error in Typescript: The type 'Element' does not have a property named 'contains'

Employing TypeScript decorators to enforce a required parameter in functions

Using jQuery's .post() method to automatically scroll to the top of

Using a JavaScript variable in a script source is a common practice to dynamically reference

Functionality of JavaScript limited within a form