如何使用JavaScript和HTML创建Exchange Converter？

问题描述

我正在尝试创建一个转换器。但是我找不到合适的方法。 我有多个输入和输出选项。输入值的输入字段，输出值的其他字段。 我已经在脑海中尝试了一切，可以找到，但是完全没有帮助。它变得越来越复杂。 [转换器] [1]

https://i.stack.imgur.com/dswpx.png

var banktpkr,easyppkr,jazzcpkr,perfectmusd,advcusd,epayusd,payeerusd,payoneerusd,webmusd,banktpkr2,easyppkr2,jazzcpkr2,perfectmusd2,advcusd2,paypusd,payeerusd2,webmusd2,payoneerusd2,netrusd,wesuusd;


function initial() {
    banktpkr = document.getElementById("btpkr");
    easyppkr = document.getElementById("eppkr");
    jazzcpkr = document.getElementById("jcpkr");
    perfectmusd = document.getElementById("pmusd");
    advcusd = document.getElementById("acusd");
    epayusd = document.getElementById("epusd");
    payeerusd = document.getElementById("pausd");
    payoneerusd = document.getElementById("payusd");
    webmusd = document.getElementById("wmusd");
}

function output() {
    banktpkr2 = document.getElementById("btpkr2");
    easyppkr2 = document.getElementById("eppkr2");
    jazzcpkr2 = document.getElementById("jcpkr2");
    perfectmusd2 = document.getElementById("pmusd2");
    advcusd2 = document.getElementById("acusd2");
    paypusd = document.getElementById("ppusd");
    payeerusd2 = document.getElementById("pausd2");
    payoneerusd2 = document.getElementById("payusd2");
    webmusd2 = document.getElementById("wmusd2");
    netrusd = document.getElementById("ntusd2");
    wesuusd = document.getElementById("wuusd2");
}

function banktpkr() {
    banktpkr2.value = parseFloat(banktpkr.value) * 0.92;
    easyppkr2.value = parseFloat(banktpkr.value) * 0.98;
    jazzcpkr2.value = parseFloat(banktpkr.value) * 0.98;
    perfectmusd2.value = parseFloat(banktpkr.value) * 0.005917159763316;
    advcusd2.value = parseFloat(banktpkr.value) * 0.005917159763316;
    paypusd.value = parseFloat(banktpkr.value) * 0.005952380952381;
    payeerusd2.value = parseFloat(banktpkr.value) * 0.005917159763316;
    payoneerusd2.value = parseFloat(banktpkr.value) * 0.0058139534883721;
    webmusd2.value = parseFloat(banktpkr.value) * 0.005917159763316;
    netrusd.value = parseFloat(banktpkr.value) * 0.0055865921787709;
    wesuusd.value = parseFloat(banktpkr.value) * 1;
}

function easyppkr() {
    banktpkr2.value = parseFloat(easyppkr.value) * 0.99;
    easyppkr2.value = parseFloat(easyppkr.value) * 0.96;
    jazzcpkr2.value = parseFloat(easyppkr.value) * (-1.5);
    perfectmusd2.value = parseFloat(easyppkr.value) * 0.0059171597633136;
    advcusd2.value = parseFloat(easyppkr.value) * 0.0059171597633136;
    paypusd.value = parseFloat(easyppkr.value) * 0.0059171597633136;
    payeerusd2.value = parseFloat(easyppkr.value) * 0.0059171597633136;
    payoneerusd2.value = parseFloat(easyppkr.value) * 0.0058139534883721;
    webmusd2.value = parseFloat(easyppkr.value) * 0.0059171597633136;
    netrusd.value = parseFloat(easyppkr.value) * 0.0055865921787709;
    wesuusd.value = parseFloat(easyppkr.value) * 1;
}

function jazzcpkr() {
    banktpkr2.value = parseFloat(jazzcpkr.value) * 0.0060606060606061;
    easyppkr2.value = parseFloat(jazzcpkr.value) * 0.96;
    jazzcpkr2.value = parseFloat(jazzcpkr.value) * (-1.5);
    perfectmusd2.value = parseFloat(jazzcpkr.value) * 0.0058823529411765;
    advcusd2.value = parseFloat(jazzcpkr.value) * 0.0059171597633136;
    paypusd.value = parseFloat(jazzcpkr.value) * 0.0060606060606061;
    payeerusd2.value = parseFloat(jazzcpkr.value) * 0.0059171597633136;
    payoneerusd2.value = parseFloat(jazzcpkr.value) * 0.0058139534883721;
    webmusd2.value = parseFloat(jazzcpkr.value) * 0.0059171597633136;
    netrusd.value = parseFloat(jazzcpkr.value) * 0.0055865921787709;
    wesuusd.value = parseFloat(jazzcpkr.value) * 1;
}

function perfectmusd() {
    banktpkr2.value = parseFloat(perfectmusd.value) * 160;
    easyppkr2.value = parseFloat(perfectmusd.value) * 160;
    jazzcpkr2.value = parseFloat(perfectmusd.value) * 160;
    perfectmusd2.value = parseFloat(perfectmusd.value) * 0.96;
    advcusd2.value = parseFloat(perfectmusd.value) * 0.93;
    paypusd.value = parseFloat(perfectmusd.value) * 0.96;
    payeerusd2.value = parseFloat(perfectmusd.value) * 0.94;
    payoneerusd2.value = parseFloat(perfectmusd.value) * 0.94;
    webmusd2.value = parseFloat(perfectmusd.value) * 0.91;
    netrusd.value = parseFloat(perfectmusd.value) * 0.8;
    wesuusd.value = parseFloat(perfectmusd.value) * 0.85;
}

function advcusd() {
    banktpkr2.value = parseFloat(advcusd.value) * 160;
    easyppkr2.value = parseFloat(advcusd.value) * 160;
    jazzcpkr2.value = parseFloat(advcusd.value) * 160;
    perfectmusd2.value = parseFloat(advcusd.value) * 0.98;
    advcusd2.value = parseFloat(advcusd.value) * 0.96;
    paypusd.value = parseFloat(advcusd.value) * 0.96;
    payeerusd2.value = parseFloat(advcusd.value) * 0.98;
    payoneerusd2.value = parseFloat(advcusd.value) * 0.96;
    webmusd2.value = parseFloat(advcusd.value) * 0.94;
    netrusd.value = parseFloat(advcusd.value) * 0.88;
    wesuusd.value = parseFloat(advcusd.value) * 0.90;
}

function epayusd() {
    banktpkr2.value = parseFloat(epayusd.value) * 1;
    easyppkr2.value = parseFloat(epayusd.value) * 1;
    jazzcpkr2.value = parseFloat(epayusd.value) * 1;
    perfectmusd2.value = parseFloat(epayusd.value) * 0.96;
    advcusd2.value = parseFloat(epayusd.value) * 0.96;
    paypusd.value = parseFloat(epayusd.value) * 0.97;
    payeerusd2.value = parseFloat(epayusd.value) * 0.99;
    payoneerusd2.value = parseFloat(epayusd.value) * 0.96;
    webmusd2.value = parseFloat(epayusd.value) * 0.96;
    netrusd.value = parseFloat(epayusd.value) * 0.96;
    wesuusd.value = parseFloat(epayusd.value) * 0.99;
}

function payeerusd() {
    banktpkr2.value = parseFloat(payeerusd.value) * 160;
    easyppkr2.value = parseFloat(payeerusd.value) * 160;
    jazzcpkr2.value = parseFloat(payeerusd.value) * 160;
    perfectmusd2.value = parseFloat(payeerusd.value) * 0.92;
    advcusd2.value = parseFloat(payeerusd.value) * 0.89;
    paypusd.value = parseFloat(payeerusd.value) * 0.96;
    payeerusd2.value = parseFloat(payeerusd.value) * 0.99;
    payoneerusd2.value = parseFloat(payeerusd.value) * 0.92;
    webmusd2.value = parseFloat(payeerusd.value) * 0.89;
    netrusd.value = parseFloat(payeerusd.value) * 0.89;
    wesuusd.value = parseFloat(payeerusd.value) * 0.90;
}

function payoneerusd() {
    banktpkr2.value = parseFloat(payoneerusd.value) * 163;
    easyppkr2.value = parseFloat(payoneerusd.value) * 162;
    jazzcpkr2.value = parseFloat(payoneerusd.value) * 162;
    perfectmusd2.value = parseFloat(payoneerusd.value) * 0.93;
    advcusd2.value = parseFloat(payoneerusd.value) * 0.96;
    paypusd.value = parseFloat(payoneerusd.value) * 0.96;
    payeerusd2.value = parseFloat(payoneerusd.value) * 0.93;
    payoneerusd2.value = parseFloat(payoneerusd.value) * 0.96;
    webmusd2.value = parseFloat(payoneerusd.value) * 0.94;
    netrusd.value = parseFloat(payoneerusd.value) * 0.96;
    wesuusd.value = parseFloat(payoneerusd.value) * 0.90;
}

function webmusd() {
    banktpkr2.value = parseFloat(webmusd.value) * 160;
    easyppkr2.value = parseFloat(webmusd.value) * 159;
    jazzcpkr2.value = parseFloat(webmusd.value) * 159;
    perfectmusd2.value = parseFloat(webmusd.value) * 0.92;
    advcusd2.value = parseFloat(webmusd.value) * 0.89;
    paypusd.value = parseFloat(webmusd.value) * 0.94;
    payeerusd2.value = parseFloat(webmusd.value) * 0.88;
    payoneerusd2.value = parseFloat(webmusd.value) * 0.92;
    webmusd2.value = parseFloat(webmusd.value) * 0.96;
    netrusd.value = parseFloat(webmusd.value) * 0.88;
    wesuusd.value = parseFloat(webmusd.value) * 0.88;
}

<div>
                <table class="let_6">
                    <tr>
                        <th class="let_7"><b>Send</b></th>
                        <th class="let_7">Recieve</th>
                    </tr>
                    <tr>
                        <td>
                            <select class="let_8">
                                <option id="btpkr">&nbsp;&nbsp;Bank Transfer PKR</option>
                                <option id="eppkr">&nbsp;&nbsp;easypaisa PKR</option>
                                <option id="jcpkr">&nbsp;&nbsp;Jazz Cash PKR</option>
                                <option id="pmusd">&nbsp;&nbsp;Perfect Money USD</option>
                                <option id="acusd">&nbsp;&nbsp;AdvCash USD</option>
                                <option id="epusd">&nbsp;&nbsp;Epay USD</option>
                                <option id="pausd">&nbsp;&nbsp;Payeer USD</option>
                                <option id="payusd">&nbsp;&nbsp;Payoneer USD</option>
                                <option id="wmusd">&nbsp;&nbsp;Web-Money USD</option>
                            </select>
                        </td>
                        <td>
                            <select class="let_8">
                                <option id="btpkr2">&nbsp;&nbsp;Bank Transfer PKR</option>
                                <option id="eppkr2">&nbsp;&nbsp;easypaisa PKR</option>
                                <option id="jcpkr2">&nbsp;&nbsp;Jazz Cash PKR</option>
                                <option id="pmusd2">&nbsp;&nbsp;Perfect Money USD</option>
                                <option id="acusd2">&nbsp;&nbsp;AdvCash USD</option>
                                <option id="epusd2">&nbsp;&nbsp;Epay USD</option>
                                <option id="pausd2">&nbsp;&nbsp;Payeer USD</option>
                                <option id="payusd2">&nbsp;&nbsp;Payoneer USD</option>
                                <option id="wmusd2">&nbsp;&nbsp;Web-Money USD</option>
                                <option id="ntusd2">&nbsp;&nbsp;Neteller USD</option>
                                <option id="wuusd2">&nbsp;&nbsp;Western Union USD</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><input id="val" class="let_8" type="number"></td>
                        <td><input id="val2" class="let_8" type="number" disabled></td>
                    </tr>
                </table>
            </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）