Javascript 为什么它得到相同的值？？以及如何在结果后附加货币符号？

为什么它得到相同的值？？以及如何在结果后附加货币符号？ 还有，如何使它更简短？我想修改重复代码

函数更改符号（）{
var currencySelect=document.getElementById（“CurrencyID”）.value；
}
函数changeCurrency（）{
var inputVal=parseFloat（document.getElementById（“inputMoney”）.value）；
var currencyVal=parseFloat（document.getElementById（“inputMoney”）；
if（document.getElementById（“欧元”））{
if（document.getElementById（“Us1”））{
currencyVal=（inputVal*1.08）；
}else if（document.getElementById（“Uk1”））{
currencyVal=（inputVal*0.83）；
}else if（document.getElementById（“Ja1”））{
currencyVal=（inputVal*118.88）；
}else if（document.getElementById（“Ca1”））{
currencyVal=（inputVal*1.43）；
}
}
document.getElementById（“demo”）.textContent=currencyVal；
}

选择转换：


欧元
美元（USD）
英国镑（英镑）
日元（日元）
加拿大元（CAD）


选择转换：


欧元
美元（USD）
英国镑（英镑）
日元（日元）
加拿大元（CAD）







值：

您的条件 提出问题。请按以下方式尝试

<b>Choose Convert : </b><br><br>
            <select name="CurrencyConverter" id="CurrencyID" class="text ui-widget-content ui-corner-all"
                style="width: 200px; height:30px;">
                <option id="Euro1" value="Euro1">Euro (EUR)</option>
                <option id="Us1" value="Us1">US Dollar (USD)</option>
                <option id="Uk1" value="Uk1">UK Pound Sterling (GBP)</option>
                <option id="Ja1" value="Ja1">Japanese Yen (JPY)</option>
                <option id="Ca1" value="Ca1">Canadian Dollor (CAD)</option>
            </select>
            <br>

            <label>
                <br>
                <input name="inputMoney" id="inputMoney" type="text" class="text ui-widget-content ui-corner-all"
                    style="width: 196px; height:22px;" oninput="changeCurrency()"
                    >
            </label><br><br>

        </div>
    </div>

---

首先；Id属性在html文件中必须是唯一的。检查您的id道具并给出不同的名称。 然后使用document.getElementById（“CurrencyID1”）.value获取值，并在if条件中检查它们的值

检查以下解决方案：

函数更改符号（）{
var currencySelect=document.getElementById（“CurrencyID1”）.value；
}
函数changeCurrency（）{
让firstCurrency=document.getElementById（“CurrencyID1”）.value；
让secondCurrency=document.getElementById（“CurrencyID2”）.value；
让inputVal=document.getElementById（“inputMoney”）.value；
设currencyVal=0；
如果（第一种货币==“欧元”）{
如果（第二种货币==“美元”）{
currencyVal=（inputVal*1.08）+“$”；
}否则，如果（第二种货币==“英镑”）{
currencyVal=（inputVal*0.83）+“英镑”；
}否则，如果（第二种货币==“日元”）{
currencyVal=（inputVal*118.88）+“日元”；
}else if（第二种货币==“can”）{
currencyVal=（inputVal*1.43）+“$”；
}
}
document.getElementById（“demo”）.textContent=currencyVal；
}

选择转换：


欧元
美元（USD）
英国镑（英镑）
日元（日元）
加拿大元（CAD）


选择转换：


欧元
美元（USD）
英国镑（英镑）
日元（日元）
加拿大元（CAD）







值：

html

选择转换：

欧元 美元（USD） 英国镑（英镑） 日元（日元） 加拿大元（CAD）

    <b>Choose Convert : </b><br><br>
    <select name="CurrencyConverter" id="convartToCurrencyID" class="text ui-widget-content ui-corner-all" style="width: 200px; height:30px;">
        <option id="Euro1" value="Euro1">Euro (EUR)</option>
        <option id="Us1" value="Us1">US Dollar (USD)</option>
        <option id="Uk1" value="Uk1">UK Pound Sterling (GBP)</option>
        <option id="Ja1" value="Ja1">Japanese Yen (JPY)</option>
        <option id="Ca1" value="Ca1">Canadian Dollor (CAD)</option>
    </select>
    <br>

            <label>
                <br>
                <input name="inputMoney" id="inputMoney" type="text" class="text ui-widget-content ui-corner-all" style="width: 196px; height:22px;" oninput="changeCurrency()" >
            </label><br><br>

</div>
</div>

<p>value: <span id="demo"></span></p>

通过这种方式，您必须调整它们的条件

---

现在让我们看看，所有这些都是从美元兑换而来的

1-您没有得到select的价值 2-您需要的是InnerHTML而不是内部文本 3-我想简单的地图会比其他的好

函数更改符号（）{
var currencySelect=document.getElementById（“CurrencyID”）.value；
}
函数changeCurrency（）{
var inputVal=parseFloat（document.getElementById（“inputMoney”）.value）；
var交易所={“欧元；欧元；”：1，
“欧元；美元；”：1.08，“欧元；英镑；”：0.83，“欧元；日元；”：1118.88，“欧元；#36；”：1.43
};
var ev=document.getElementById（“CurrencyID1”）.value+document.getElementById（“CurrencyID2”）.value；
currencyVal=交换[ev]*输入值；
document.getElementById（“demo”）.innerHTML=currencyVal+“&”+document.getElementById（“CurrencyID2”）.value；
}

选择转换：


欧元
美元（USD）
英国镑（英镑）
日元（日元）
加拿大元（CAD）


选择转换：


欧元
美元（USD）
英国镑（英镑）
日元（日元）
加拿大元（CAD）







值：

我只是想给你一个更干净的解决方案：

注意：

CurrencyList

对象包含每个货币到另一种货币的转换实现。因此，我只计算出了将欧元解析为您列出的其他货币的方法。因此，您可能必须对列表中的每种货币执行此操作

var CurrencyList={
欧元：{
符号：“&euro；”，
解析：函数（值、所需货币）
{
var结果=0；
交换机（所需货币）
{
大小写'Us'：{result=value*1.08+CurrencyList[desiredCurrency]。符号；}
打破
案例'Uk'：{result=value*0.83+CurrencyList[desiredCurrency]。符号；}
打破
案例'Ja'：{result=value*118.88+CurrencyList[desiredCurrency]。符号；}
打破
案例'Ca'：{result=value*1.43+CurrencyList[desiredCurrency]。符号；}
打破
}
返回结果；
}
},
英国：{
符号：“£；”
},
美国：{
符号：“&dollar；”
},
Ja:{
签名：“¥；”
},
Ca:{
标志:'和#36；'
}
};
document.getElementById（“fromCurrencyID”）.addEventListener（'change'，
函数（）
{
document.querySelector（“.text-field\uu label”）.innerHTML=CurrencyList[document.getElementById（“fromCurrencyID”）.value]。符号；
}
);
document.getElementById（“convertButton”）
.addEventListener（'单击'，
函数（）
{
var _fromCurrency=document.getElementById（“fromCurrencyID”）.value；
var _toCurrency=document.getElementById（“toCurrencyID”）.value；
如果（从货币到货币）
{
document.getElementById（“demo”）.innerHTML=CurrencyList[\u fromCurrency].Parse（document.querySel
    <b>Choose Convert : </b><br><br>
    <select name="CurrencyConverter" id="convartToCurrencyID" class="text ui-widget-content ui-corner-all" style="width: 200px; height:30px;">
        <option id="Euro1" value="Euro1">Euro (EUR)</option>
        <option id="Us1" value="Us1">US Dollar (USD)</option>
        <option id="Uk1" value="Uk1">UK Pound Sterling (GBP)</option>
        <option id="Ja1" value="Ja1">Japanese Yen (JPY)</option>
        <option id="Ca1" value="Ca1">Canadian Dollor (CAD)</option>
    </select>
    <br>

            <label>
                <br>
                <input name="inputMoney" id="inputMoney" type="text" class="text ui-widget-content ui-corner-all" style="width: 196px; height:22px;" oninput="changeCurrency()" >
            </label><br><br>

</div>
</div>

<p>value: <span id="demo"></span></p>

function changeCurrency() {

    var currencySelect = document.getElementById("CurrencyID").value;
    var convartToCurrencyID = document.getElementById("convartToCurrencyID").value;

  var inputVal = parseFloat(document.getElementById("inputMoney").value);
  var currencyVal = parseFloat(document.getElementById("inputMoney"));

        if (currencySelect == "Us1" && convartToCurrencyID == "Us1") {

        currencyVal = (inputVal * 1);

        } else if (currencySelect == "Us1" && convartToCurrencyID == "Uk1") {

        currencyVal = (inputVal * 0.83);

        } else if (currencySelect == "Us1" && convartToCurrencyID == "Ja1") {

        currencyVal = (inputVal * 118.88);

        } else if (currencySelect == "Us1" && convartToCurrencyID == "Ca1") {

        currencyVal = (inputVal * 1.43);
        }

  document.getElementById("demo").textContent = currencyVal;
}