入力ボックスとラベルがあるとします。入力ボックスに何かを入力すると、入力したとおりにラベルが自動的に変更されます。
例:
//the result 4 is dynamically put in the label as a result of input value.
<label class="result">4</label>
//this is the input where i put a value of 2
<input type="text" class="amount" name="amount" value="2" onkeyup="compute()">
//this is the function that is called to perform the calc.
function compute()
{
var x = document.getElementsByClassName("amount");
document.getElementsByClassName("result").value = x.value + 2;
}
上記の例では、2 を入力し、結果が計算の結果としてすぐにラベルに出力されます。