javascript - 如何使用 JavaScript 包含/添加多个计算?

标签 javascript html css calculator

预先警告,我是 JavaScript 的新手,但我可以理解已经编写好的计算,这是我自己编写的,这就是问题所在。我正在尝试为我们的网站创建一个在线税收计算器。我找到了一个工作基础,但我需要更新它以便计算正确。

目标:
用户输入他们的总收入并点击“计算”按钮。结果应显示应付税款、医疗保险税和最后的净收入。 Net = Gross-Tax-Medicare.

我在哪里:
我找到了一些可以工作的代码,这些代码为我提供了一些税收计算,我已将这些计算更新为正确的值。然而,目前适用于所有税级的 Medicare 值 (1.5%) 是不正确的,实际上也有 3 个不同的级别。

我不确定如何将两个计算合并在一起,然后从总收入中扣除这些计算得出净结果?我没有添加任何东西来进行最终计算,在这个阶段,我正在尝试弄清楚如何在一个脚本中执行多个功能。

我正尝试通过一次计算一次来逐步构建它,但我一尝试就被难住了。我在 http://www.faa.net.au/test/ 创建了一个测试页面.

我非常感谢任何帮助。我正在等待 JavaScript 指南,以便抽出时间正确学习 JavaScript。

我尝试添加的额外 Medicare 计算如下:

// Calculation below needs to replace Medicare above
if (income>0 && income<=19404) {
    medicare = (income*0)/100;
}
else if (income>19404 && income<=22828) {
    medicare = (income*10)/100;
}
else if (income>22828) {
    medicare = (income*1.5)/100;
}

最佳答案

你需要的javascript代码与此类似,我相信:

// I am using a javascript library called jQuery.
$(function(){
    // On clicking the Calculate button
    $('#calculate').on('click', function(){
        // Get the value of user supplied income from the textbox
        var income = parseInt($('#preIncome').val().trim()),
            postIncome = 0,
            medicare = 0;
        console.log(income);
        if(income > 0){
            // Calculation below needs to replace Medicare above
            if (income>0 && income<=19404) {
                medicare = (income*0)/100;
            }
            else if (income>19404 && income<=22828) {
                medicare = (income*10)/100;
            }
            else if (income>22828) {
                medicare = (income*1.5)/100;
            }
            // Calculate the new income based on derived medicare value
            postIncome = income - medicare;
        }
        // Set the new medicare and income values to the textboxes
        $('#postIncome').val(postIncome);
        $('#medicare').val(medicare);
    });
});​

这里有一个工作演示:http://jsfiddle.net/pratik136/YdWNA/

关于javascript - 如何使用 JavaScript 包含/添加多个计算?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13596619/

相关文章:

javascript - 在页面中使用两个框架实现平滑滚动

html - 对齐居中对齐的右引导网格

javascript - FullCalendar v3 - 在 View 更改时更改事件源

javascript - 如何在警报框显示之前和之后添加一些文本?

javascript - 删除多个标题大小的第一个和最后一个字符的空格

javascript - $http post 请求不起作用并发送 "Possible unhandled rejection"错误

html - 单选按钮列表 CSS 样式

javascript - 如何将 ember 添加到 NodeJS 项目中?

javascript - 文档高度未达到全高

javascript - Typeahead 总是最多只显示 5 条建议