Question

我正在尝试完成一个计算器，根据输入计算值反之亦然。

当我想计算PPM时，我需要MGM3和Mol
当我想计算MGM3时，我需要PPM和Mol

现在，问题是它无法正常工作。我还是这种计算的新手。我希望有人可以帮我解决这个问题。

高于固定
更新：仅在Firefox中，在点后面使用3个数字时会出现错误。例如，填写：
•mol：30
•Mg / m3：0,15
完成后用几个数字补充mg / m3，结果无效。我该如何解决这个问题？

// formula for ppm =    mg/m3 * 24.45 / mol
// formula for mg/m3 =  ppm * mol / 24.45
 
 
 $('input.value').keyup(function(){
    var ppm = $('#ppm');
    var mgm3 = $('#mgm3');
    var mol = $('#mol');

    if( $('#ppm').val() != '') {
        $('#mgm3').attr('disabled', true);

        $(this).calculateMGM3;
    } else {
        $('#mgm3').attr('disabled', false);
    }

    if( $('#mgm3').val() != '') {
        $('#ppm').attr('disabled', true);

        $(this).calculatePPM; 
    } else {
        $('#ppm').attr('disabled', false);
    }

    function calculateMGM3() {
        var mol = $('#mol').val();
        var ppm = $('#ppm').val();
        var calcMGM3 = (( ppm * mol ) / 24.45 );
        $mgm3.val( calcMGM3 );
    }

    function calculatePPM() {
        var mol = $('#mol').val();
        var mgm3 = $('#mgm3').val();
        var calcPPM = (( mgm3 * 24.45 ) / mol );
        $ppm.val( calcPPM );
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="calc">
    <h1>MG/M³ - PPM Calculator</h1>
    <div class="gfield">
        <label>PPM</label>
        <input class="value" type="number" name="ppm" id="ppm">
    </div>
    <div class="gfield">
        <label>MG/M³</label>
        <input class="value" type="number" name="mgm3" id="mgm3">
    </div>
    <div class="gfield">
        <label>Molmassa</label>
        <input class="value" type="number" name="mol" id="mol">
    </div>
</form>

Answer 1

我在代码中修正了一些错误

calculateXX函数位于事件处理程序内部 - 不需要移动到外面
在调用方法时，您需要使用括号，因此将$(this).calculatePPM更改为calculatePPM()（不知道为什么您前面有$(this)。
将parseFloat添加到您从文本字段中读取数值的位置。
您使用的是别名变量，例如$ppm，但这些变量并未在任何地方声明。实际上，最好不要继续使用jQuery选择器，并缓存对变量中字段的引用。但为了保持变化最小，我还没有这样做。我建议你这样做。

＆＃13;

// formula for ppm =    mg/m3 * 24.45 / mol
// formula for mg/m3 =  ppm * mol / 24.45
 
 
 $('input.value').keyup(function(){
    var ppm = $('#ppm');
    var mgm3 = $('#mgm3');
    var mol = $('#mol');

    if( $('#ppm').val() != '') {
        $('#mgm3').attr('disabled', true);

        calculateMGM3();
    } else {
        $('#mgm3').attr('disabled', false);
    }

    if( $('#mgm3').val() != '') {
        $('#ppm').attr('disabled', true);

        calculatePPM(); 
    } else {
        $('#ppm').attr('disabled', false);
    }
});



function calculateMGM3() {
    var mol = parseFloat($('#mol').val());
    var ppm = parseFloat($('#ppm').val());
    var calcMGM3 = (( ppm * mol ) / 24.45 );
    $('#mgm3').val( calcMGM3 );
}

function calculatePPM() {
    var mol = parseFloat($('#mol').val());
    var mgm3 = parseFloat($('#mgm3').val());
    var calcPPM = (( mgm3 * 24.45 ) / mol );
    $('#ppm').val( calcPPM );
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="calc">
    <h1>MG/M³ - PPM Calculator</h1>
    <div class="gfield">
        <label>PPM</label>
        <input class="value" type="number" name="ppm" id="ppm">
    </div>
    <div class="gfield">
        <label>MG/M³</label>
        <input class="value" type="number" name="mgm3" id="mgm3">
    </div>
    <div class="gfield">
        <label>Molmassa</label>
        <input class="value" type="number" name="mol" id="mol">
    </div>
</form>

＆＃13;

Answer 2

可能不是最有效的方式，但这就是我所完成的。现在看起来像魅力一样。

async Task

在jQuery中的公式计算器

2 个答案: