Javascript計算器 - 當對應的文本輸入也爲空時，重置計算器上的文本輸入爲空

我有一個簡單的計算器，將輸入轉換爲越南盾的美元。它的工作原理很好，除了在輸入數字並通過退格刪除之後，在執行計算的框中仍保留「0.00」。我希望當另一個框爲空時框爲空刪除一個數字後。Javascript計算器 - 當對應的文本輸入也爲空時，重置計算器上的文本輸入爲空

這裏是我的javascript：

function vndCalc() { 
var cusd = document.getElementById("usd").value; 
var cvnd = document.getElementById("vnd"); 
var calc = cusd * 22477.50; 

cvnd.value = calc.toFixed(2); 
} 

function usdCalc() { 
var cusd = document.getElementById("usd"); 
var cvnd = document.getElementById("vnd").value; 
var calc = cvnd/22477.50; 

cusd.value = calc.toFixed(2); 
}

下面是HTML，以及：

<fieldset id=calculator> 
    <legend>USD to VND Calculator</legend> 
    <label>US Dollars:<input type="text" id="usd" oninput="vndCalc()"/></label> 
    <label>VN Dongs:<input type="text" id="vnd" oninput="usdCalc()"/></label> 
</fieldset>

我試着用「如果」功能玩弄，但我無法得到任何工作。請幫忙！

來源

2015-09-28 Sig Martin

您可以控制條件的其他輸入。舉例來說，你可以試試這個：

function usdCalc() { 
 
var cusd = document.getElementById("usd"); 
 
var cvnd = document.getElementById("vnd").value; 
 
var calc = cvnd/22477.50; 
 
    
 
if (cvnd == ''){ 
 
    cusd.value = ''; 
 
} else { 
 
    cusd.value = calc.toFixed(2); 
 
} 
 
}

來源

2015-09-28 15:14:26 Luis

這個偉大的工程，我加入了有條件的兩種功能，而交換的變量名。我正在嘗試自己做這樣的事情，但無法做到，謝謝！ –

如果輸入字段您可以檢查== 「」，並設定輸出領域是一樣的

http://jsfiddle.net/40p9b2fu/

自USD

cvnd.value = cusd == "" ? "" : calc.toFixed(2);

並以美元

cusd.value = cvnd == "" ? "" : calc.toFixed(2);

如果你不喜歡三元形式，你可以做

自USD

if (cusd == "") { 
    cvnd.value = ""; 
} else { 
    cvnd.value = calc.toFixed(2); 
}

和美元

if (cvnd == "") { 
    cusd.value = ""; 
} else { 
    cusd.value = calc.toFixed(2); 
}

來源

2015-09-28 15:13:27 smcd

我會親自加2個按鍵來觸發轉換。 Jsfiddle。例子：

var exchangeRate = 22477.50, 
    usdSelector = $('#usd'), 
    vndSelector = $('#vnd'); 

$('#convert1').click(function(){ 
    vndSelector.val(usdSelector.val() * exchangeRate); 
}) 

$('#convert2').click(function(){ 
    usdSelector.val(vndSelector.val()/exchangeRate); 
}) 

$('#clear').click(function(){ 
    usdSelector.val(""); 
    vndSelector.val(""); 
})

和HTML：

<fieldset id="calculator"> 
    <legend>USD to VND Calculator</legend> 
    <label>US Dollars: <input type="text" id="usd"/></label> 
    <label>VN Dongs: <input type="text" id="vnd"/></label> 
    </br> 
    <button id="convert1">Convert Dollars to Dongs</button> 
    <button id="convert2">Convert Dongs to Dollars</button> 
    <button id="clear">Clear</button> 
</fieldset>

來源

2015-09-28 15:21:29

Javascript計算器 - 當對應的文本輸入也爲空時，重置計算器上的文本輸入爲空

回答

相關問題