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。