자바 스크립트 실시간 계산

Question

jeditable과 함께 맞춤 입력 번호가있는 표를 만들었습니다. 입력 값이 일단 입력되면 사라집니다.

내 값의 양을 자동으로 계산하는 JavaScript 실시간 계산을 찾아야합니다.

필자는 두 가지 흥미로운 예제가 내 경우에 매우 적합하다는 것을 알았지 만 폼과 입력을 사용하지 않고도 동일한 결과를 얻을 수있는 가능성이 있습니까?

First example

Second example

Answer 1

네, 그렇습니다. 아시다시피 div 요소는 document.getElementById('div_id')에 의해 액세스 될 수 있으며 그 값은 document.getElementById('div_id').value에 의해 액세스 될 수 있습니다.

그래서 양식을 소요 시간 및 필요 div 년대에 대한 id를 삽입하고 값에 액세스 한 후 합계를 찾은 다음 다른 div에 sum로 값을 설정합니다. 여기에 코드

<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를 사용할 수 있습니다.