Question

I am trying to build a HTML / Jquery calculator where a user inputs a value into a text box “Average product unit value” and then another value into “Total unit sales volume”.

Once the values have been inputted I need those values to be multiplied by one another to generate a value for “Total sales value” but there is no submit button – think as soon as the user clicks outside of the text box that is when the calculation needs to happen.

If a submit button is a MUST then I am happy to but the current requirement is to not have one.

I do not know where to begin writing the logic to be able to do this – I am a novice when it comes to Jquery as I am still learning it.

here is the code to help

All suggestions are welcome – hope the image helps

Jordy

Answer 1

Here’s the basics. I’m sure you can finish it from here, but if not, post your HTML and the formula you want to use.

EDIT: Updated to use your HTML.

Working example available

$(document).ready(function()
{
    $('input').change(function()
    {
        var answer = parseInt($('#product-unit-val').val()) * parseInt($('#total-unit-sales').val()) * parseInt($('#number-reps').val());
        $('#sales-val').html('$' + answer);
    });
});