jquery динамически распечатать значение ввода

Question

Я работаю над динамической программой расчета практики jquery, но пока все не так, я могу сохранить значения в переменной, конечно (см. Здесь код).

<form> 
    Tafeltje van: 
    <input type="number" name="tafel" id="tafel" /> 

    Aantal: 
    <input type="number" name="aantal" id="aantal" /> 
</form> 
<div id="output"></div> 

и JS:

var tafel = $('#tafel').val(); 
var aantal = $('#aantal').val(); 

Как бы один сможет распечатать эти значения в output пока пользователь печатает в текстовых полях?

Answer 1

Вы можете связать свой код с keyup или input событиями входов. Затем, как только у вас есть значения, вы можете использовать либо text(), либо html() для отображения значений в #output div в любом формате.

// $("input").on("keyup", function(){ 
$("input").on("input", function(){ 
    var tafel = $('#tafel').val(); 
    var aantal = $('#aantal').val(); 

    $("#output").text("tafel: " + tafel + " aantal: "+aantal); 
});//keyup