JavaScript實時計算

Question

我用jeditable構建了一個自定義輸入數字表。輸入類型一旦你把值

我需要找到一個JavaScript實時計算，它會自動生成我的值的數量。

我發現了2個非常適合我的案例的有趣例子，但是有可能在不使用表單和輸入的情況下實現它，

First example

Second example

Answer 1

是的，它是。如您所知，div元素可通過document.getElementById('div_id')訪問，其值可由document.getElementById('div_id').value訪問。

因此，採取了表格並插入您需要的div的一個id並訪問值，然後找到的總和，然後該值作爲sum設置爲另一個div。下面是代碼

<script> 
    function calculateBMI() { 

    var wtStr =document.getElementById('w').value; 

    if (!wtStr) 
    wtStr = '0'; 

    var htStr = document.getElementById('h').value; 
    if (!htStr) 
    htStr = '0'; 


    var weight = parseFloat(wtStr); 
    var height = parseFloat(htStr); 
    document.getElementById("r").value = weight + height; 
} 
</script> 

<input id = "w" type="Text" name="weight" size="4" onkeyup="calculateBMI()"> Weight (in Kilos) 
<input id = "h" type="Text" name="height" size="4" onkeyup="calculateBMI()"> Height (in Centimeters)<br> 
<input id = "r" type="Text" name="BodyMassIndex" id="BodyMassIndex" size="4"> BMI  
<input type="button" style="font-size: 8pt" value="Calculate" onClick="calculateBMI()" name="button"> 

，如果你不希望input你可以使用textarea。