Jquery计算器

Question

我正在尝试构建一个 HTML/Jquery 计算器，用户在文本框中输入一个值“平均产品单位值”，然后将另一个值输入“总单位销量”。

输入值后，我需要将这些值相互乘以生成“总销售值”的值，但没有提交按钮 - 一旦用户单击文本框外部，就会想到当需要进行计算时。

如果提交按钮是必须的，那么我很高兴，但当前的要求是没有一个。

我不知道从哪里开始编写能够做到这一点的逻辑 - 对于 Jquery，我是一个新手，因为我仍在学习它。

这里是帮助的代码

欢迎所有建议 - 希望图片有所帮助

乔迪

Answer 1

这是基础知识。我确信您可以从这里完成它，但如果不能，请发布您的 HTML 和您想要使用的公式。

编辑:更新为使用您的 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);
    });
});