Question

Is there a way to get a javascript calculator to calculate an answer as a user types instead of having to press a “calculate” button like in this example?

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

Using onblur is an improvement but you still have to click out of the text box to blur the input to get the answer. Like I say, I’d prefer the answer to update in real time. Any suggestions? Thanks!

Answer 1

If the user is typing, you can use the keyup event. So basically, everytime the user types a key, your event handler fires and can update the view/display.