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

Question

我有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，而不好接受数字）

Answer 1

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

 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>