javascript - 创建javascript/html表单计算器-简便的方法吗？

Closed. This question needs to be more focused。它当前不接受答案。
                            
                        
                    
                
            
                    
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。
                        
                        2年前关闭。
                    
                
        

我有6个输入字段：A，B，C，D，E，F，我有3个输出字段：outA，outB，outC

我需要让outA显示以下公式的结果：365 * 24 * A * B * C * D * 40% * 85%

outB显示：(E + F) / outA * 12

和outC显示：((12 * 5)) - outB) / outB

Javascript是执行此操作的最佳方法吗？是否有任何在线资源可以使此操作变得容易？我开始使用jscalc.io，但它不允许我访问源代码以将其嵌入到我的网站中。这是一个高难度的项目吗？ （我不太擅长使用Javascript，而不好接受数字）

最佳答案

好的，尝试一下，代码应该很容易解释：

function updateOutputs () {
    var A = parseFloat(document.getElementById('A').value) / 100;
    var B = parseFloat(document.getElementById('B').value) / 100;
    var C = parseFloat(document.getElementById('C').value);
    var D = parseFloat(document.getElementById('D').value);
    var E = parseFloat(document.getElementById('E').value);
    var F = parseFloat(document.getElementById('F').value);

    var outA = 365 * 24 * A * B * C * D * 0.40 * 0.85;
    var outB = ((E + F) / outA) * 12;
    var outC = ((12 * 5) - outB) / outB;

    document.getElementById('outA').value = ((isNaN(outA)) ? '' : outA.toFixed(2));
    document.getElementById('outB').value = ((isNaN(outB)) ? '' : outB.toFixed(1));
    document.getElementById('outC').value = ((isNaN(outC)) ? '' : Math.round(outC * 100) + '%');
}
updateOutputs();

A: <input id="A" onchange="updateOutputs();" value="60" /><br>
B: <input id="B" onchange="updateOutputs();" value="20" /><br>
C: <input id="C" onchange="updateOutputs();" value="5" /><br>
D: <input id="D" onchange="updateOutputs();" value="4" /><br>
E: <input id="E" onchange="updateOutputs();" value="5000" /><br>
F: <input id="F" onchange="updateOutputs();" value="2000" /><br>
outA: <input id="outA" readonly /><br>
outB: <input id="outB" readonly /><br>
outC: <input id="outC" readonly /><br>