простой конвертер и калькулятор javascript

Question

Мой друг продает кофейные бобы & хочет иметь базовый калькулятор, чтобы клиенты знали, сколько бобов им нужно купить. Он хочет форму с двумя полями:

Чтобы сделать _ _ [г/унц] кофе

Grind _ _ [г/унция/фунт] бобов

COFFEE_OUT = 15xBEANS_IN, но здесь также имеется некоторое преобразование единиц. Он хочет, чтобы каждое поле отражало изменения в других полях, без кнопки SUBMIT. Каков самый простой способ сделать это? HTML будет выглядеть примерно так, не так ли?

<form action=""> 
    I want to make 
    <input type="text" name="COFFEE_OUT"> 
    <select> 
     <option value="g">g</option> 
     <option value="oz">oz</option> 
    </select> 
    of coffee --- I'll need to grind 
    <input type="text" name="BEANS_IN"> 
    <select> 
     <option value="g">g</option> 
     <option value="oz">oz</option> 
     <option value="lb">lb</option> 
    </select> 
    beans 
</form> 

Но каков должен быть Javascript?

Можете ли вы придумать какие-либо примеры чего-то подобного? Даже большинство обучающих калькуляторов и блок-преобразователей, которые я вижу, намного сложнее, это базовое, но очень специфическое использование. & Я не могу вспомнить, что видел что-то точно в любом месте.

Answer 1

Working fiddle

$('input').on("keyup",function() { 
    $("#result").val(parseInt($("#amount").val(), 10)* 15); 
});