簡單的JavaScript單位轉換器和計算器

-3

我的朋友在賣咖啡豆&想要一個基本的計算器，以便客戶知道他們需要購買多少豆。他希望有兩個字段的表單：簡單的JavaScript單位轉換器和計算器

爲了_ _咖啡[G /盎司]

研磨_ _ [克/盎司/磅]豆

COFFEE_OUT = 15xBEANS_IN，但這裏也有一些單位轉換。他希望每個字段都反映其他字段的變化，而不需要提交按鈕。什麼是最簡單的方法來做到這一點？ 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應該是什麼樣子？

你能想到這樣的事情的任何例子嗎？即使我看到的大多數教程計算器和單位轉換器都要複雜得多，這是一個基本的但非常具體的用法。我無法回想起任何地方看到的東西。

來源

2013-07-30 pg.

使用模糊，對輸入變化的事件，以及選擇... – Kasma

關鍵了，按下按鍵，按鍵，的onblur ... –

我應該已經向我同意使用像彌賽亞jquery建議。 –

Working fiddle

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

來源

2013-07-30 18:30:21

哦，這看起來很好，但我怎麼才能得到它來轉換單位？ –

我們在談論什麼單位轉換。它沒有那麼難。只需將基本的math.unit表單轉換爲其他.. $到其他貨幣??單位?? –

因此，如果用戶將OZ更改爲g，則數學將更新，以便爲他們填充的金額給出正確答案。 –

簡單的JavaScript單位轉換器和計算器

回答

相關問題