我已经创建了3个输入域贸易，加价和价格。我想让用户输入一个交易，然后操纵价格，要么通过加价，要么通过输入价格和加价显示该价格的反映。

我希望计算是实时的，而不是每次都要提交一个按钮来查看更改。

我确实把代码分成了两个单独的脚本，但这并没有什么区别，而且我还把addEventListener改成了"；change"；但这仍然不起作用。我有一个感觉，我需要在两个结果之间添加一个if语句。

document.getElementById("trade").addEventListener("change", calculation);
    document.getElementById("price").addEventListener("change", calculation);
    document.getElementById("markup").addEventListener("change", calculation);
    
        function calculation() {

        var trade = parseFloat(document.getElementById("trade").value);
        var markup = parseFloat(document.getElementById("markup").value);
        var price = parseFloat(document.getElementById("price").value);
        
        var markupresult = price / trade;
        var priceresult = markup * trade;
        
        
        document.getElementById("markup").value = (markupresult).toFixed(2); 
        
        document.getElementById("price").value = (priceresult).toFixed(2); 
      
    }

<代码><；DIV CLASS=“ FORM-GROUP ”>；<；LABEL>；TRADE<；/LABEL>；<；INPUT TYPE=“ NUMBER ” ID=“ TRADE ” NAME=“ TRADE ”>：<：/DIV>：<；DIV CLASS=“表单-组”>；<；LABEL>；PRICE<；/LABEL>；<；INPUT TYPE=“ NUMBER ” ID=“ PRICE ” NAME=“ PRICE ”>，<，/DIV>，<；DIV CLASS=“表单-组”>；<；LABEL>；MARKUP<；/LABEL>；<；INPUT TYPE=“ NUMBER ” ID=“ MARKUP ” NAME=“ MARK-UP ”>：<：/DIV>：

顺晟科技：

检查下面的片段。

您可以使用开关仅更改一个/反之亦然。

而不是change，它将为您提供实时输出（无论何时用户输入数字，都将计算并显示结果）。

keyup

<代码><；DIV类=“表单-组”>；<；标签>；贸易<；/标签>；<；input type=“ number ” ID=“ trade ” name=“ trade ”/>；<；/DIV>；<；DIV类=“表单-组”>；<；标签>；价格<；/标签>；<；input type=“ number ” ID=“ price ” name=“ price ”/>；<；/DIV>；<；DIV类=“表单-组”>；<；标签>；标记<；/标签>；<；input type=“ number ” ID=“ markup ” name=“ markup ”/>；<；/DIV>；