我有 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>
关于javascript - 创建 javascript/html 表单计算器 - 简单的方法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46435380/