我正在嘗試創(chuàng)建一個(gè)計(jì)算器，以評(píng)估國(guó)際在線采購(gòu)的兩種付款方式，以做出最好的決定，要么繼續(xù)使用網(wǎng)站原始貨幣 [不同于買家信用卡貨幣]，在這種情況下，買家銀行匯率將適用, 或繼續(xù)網(wǎng)站預(yù)設(shè)匯率以匹配買家信用卡貨幣而忽略銀行匯率。這個(gè)想法是1 美元等于3.75，有時(shí)會(huì)有所不同，但很少有網(wǎng)站設(shè)置自己的匯率，在我們的例子中，有時(shí)如果客戶使用網(wǎng)站匯率購(gòu)買，它會(huì)達(dá)到1 美元等于4。我試圖讓客戶更好地了解繼續(xù)進(jìn)行哪個(gè)選項(xiàng)，以及添加許多要考慮的字段，以顯示可能的最佳結(jié)果，例如銀行手續(xù)費(fèi)。我有一個(gè)問題，我無法將銀行手續(xù)費(fèi)作為百分比輸入并在計(jì)算中考慮。因此，我認(rèn)為客戶可以將百分比作為值輸入，我將在代碼中進(jìn)行轉(zhuǎn)換。例如，銀行手續(xù)費(fèi)是2.75%，我會(huì)讓客戶輸入一個(gè)值2.75，然后在代碼中，我會(huì)通過換算讓它工作2.75 / 100。經(jīng)過測(cè)試，我可以看到代碼只計(jì)算整數(shù)百分比，2或3，依此類推；它不考慮像我的情況下的小數(shù)2.75！請(qǐng)盡可能幫助查看代碼修改的解決方案。謝謝您，并感謝您的見解！// Do all your JavaScript in a separate JavaScript sectionvar main = document.getElementById("Dep-main");var joint1 = document.getElementById("Dep-joint1");var joint2 = document.getElementById("Dep-joint2");var joint3 = document.getElementById("Dep-joint3");var total = document.getElementById("Total-dep");var inputs = Array.prototype.slice.call(document.querySelectorAll("div > input"));inputs.forEach(function(input){ input.addEventListener("blur", function(){ // Always supply the second argument to parseInt() (the radix) so you // dont' get non-base 10 answers. total.value = (parseInt(main.value, 10) * parseInt(joint1.value, 10)) + (parseInt(joint3.value, 10)) + (parseInt(main.value, 10) * ((parseInt(joint2.value, 10) / 100))); });});label { display: block; text-align: center; line-height: 150%; font-size: .85em;}input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; text-align: center;}input[type=submit] { width: 100%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;}input[type=submit]:hover { background-color: #45a049;}div { border-radius: 5px; background-color: #f2f2f2; padding: 20px;}.center { margin: auto; width: 60%; border: 3px solid #73AD21; padding: 10px;}
4 回答
手掌心
TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個(gè)贊
您正在使用 parseInt() （它將結(jié)果轉(zhuǎn)換為整數(shù)），請(qǐng)嘗試改用 parseFloat() 。
德瑪西亞99
TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個(gè)贊
parseInt() 函數(shù)就是問題的過程。每當(dāng)使用此函數(shù)時(shí)，它都會(huì)通過截?cái)嗍M(jìn)制值將傳遞給它的值轉(zhuǎn)換為整數(shù)。例如parseInt("2.7")= 2。您可以改用以下內(nèi)容。
total.value = (parseInt(main.value, 10) * parseInt(joint1.value, 10)) + (parseInt(joint3.value, 10)) + (parseInt(main.value, 10) * ((parseFloat(joint2.value, 10) / 100)));
慕后森
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
用 parseFloat 替換 parseInt，你可以使用 .toFixed 和 parse float 來限制 deci
墨色風(fēng)雨
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊
對(duì)于十進(jìn)制數(shù)，您必須使用.parseFloat()函數(shù)，而不是.pareseInt()
// Do all your JavaScript in a separate JavaScript section
var main = document.getElementById("Dep-main");
var joint1 = document.getElementById("Dep-joint1");
var joint2 = document.getElementById("Dep-joint2");
var joint3 = document.getElementById("Dep-joint3");
var total = document.getElementById("Total-dep");
var inputs = Array.prototype.slice.call(document.querySelectorAll("div > input"));
inputs.forEach(function(input){
? input.addEventListener("blur", function(){
? ? // Always supply the second argument to parseInt() (the radix) so you
? ? // dont' get non-base 10 answers.
? ? total.value = (parseFloat(main.value) * parseFloat(joint1.value)) + (parseFloat(joint3.value)) + (parseFloat(main.value) * ((parseFloat(joint2.value) / 100)));
? });
});
label {
? ? display: block;
? ? text-align: center;
? ? line-height: 150%;
? ? font-size: .85em;
}
input[type=text], select {
? width: 100%;
? padding: 12px 20px;
? margin: 8px 0;
? display: inline-block;
? border: 1px solid #ccc;
? border-radius: 4px;
? box-sizing: border-box;
? text-align: center;
}
input[type=submit] {
? width: 100%;
? background-color: #4CAF50;
? color: white;
? padding: 14px 20px;
? margin: 8px 0;
? border: none;
? border-radius: 4px;
? cursor: pointer;
}
input[type=submit]:hover {
? background-color: #45a049;
}
div {
? border-radius: 5px;
? background-color: #f2f2f2;
? padding: 20px;
}
.center {
? margin: auto;
? width: 60%;
? border: 3px solid #73AD21;
? padding: 10px;
}
<!DOCTYPE html>
<html>
<body>
<br>
<center><img src="https://logos-download.com/wp-content/uploads/2016/03/Asos_logo.png" width="270" height="108"></center>
<br>
<center><h3>Best Payment Option Evaluator</h3></center>
<br>
<div class="center">
? ? <label for="dep-nothing">Enter ASOS total amount in SAR [using ASOS Site Exchange Rate]</label>
? ? <input type="text" id="dep-nothing" value="0">
? ? <hr>
? ? <label for="dep-main">Ebter total amount in USD</label>
? ? <input type="text" id="Dep-main" value="0">
? ? <label for="dep-joint1">Enter todays exchange rate from your bank [1 USD = X SAR]</label>
? ? <input type="text" id="Dep-joint1" value="0">
? ? <label for="dep-joint2">Enter bank fees in numbers [will be converted into percentage]</label>
? ? <input type="text" id="Dep-joint2" value="0">
? ? <label for="dep-joint3">Enter buyer commission value in SAR</label>
? ? <input type="text" id="Dep-joint3" value="0">
? ??
? ? <label for="total-dep"><b>If you proceed with USD, below amount will be deducted from your bank accoutn in SAR , <mark>Approx.</mark></b></label>
? ? <input type="text" id="Total-dep"? disabled readonly>
??
</div>
<br>
?
</body>
</html>
- 4 回答
- 0 關(guān)注
- 174 瀏覽
添加回答
舉報(bào)
0/150
提交
取消