Question

我正在开发一个简单的javascript货币转换应用。事情是它只是赢得了工作没有多少我修补它。输入字段不接受任何输入，只显示＆＃34; 0＆＃34;当试图输入任何数字时。

我认为PHP代码起初可能是问题，但显然它应该运行没有问题。

<h1 style='font-size:46px'>1 DOLLAR = <input readonly id="currentprice" type="number">
<?php $url = "https://api.fixer.io/latest?base=USD"; 
    $json = file_get_contents($url); 
    $json_data = json_decode($json, true); 
    $price = $json_data["rates"]["BRL"]; 

    echo $price; 
 ?> 
    />
</h1>

How many Dollars?
<input oninput='finalAmountUSD()' onchange='finalAmountUSD()' style='font-size:23px;height:45px' type='number' class="buy buyinput form-control" id='usdamount' required value='0.00000000' tabindex="1" />
How many BRL?
<input oninput='finalAmountBRL()' onchange='finalAmountBRL()' style='font-size:23px;height:45px' type='number' class="buy buyinput form-control" id='brlamount' required value='0.00' tabindex="2" />

<script>
    function finalAmountUSD() {
        x = document.getElementById('currentprice').value;
        y = document.getElementById('usdamount').value;
        z = document.getElementById('brlamount').value;

        document.getElementById('usdamount').value = x * z;
    }
    function finalAmountBRL() {
        x = document.getElementById('currentprice').value;
        y = document.getElementById('usdamount').value;
        z = document.getElementById('brlamount').value;

        document.getElementById('brlamount').value = x * y;
    }
</script>

Answer 1

您正在使用oninput和onchange上的两个事件处理程序。 oninput事件处理程序在元素值更改后立即触发，而onchange事件处理程序在元素值更改且元素失去焦点时触发。

我认为你只需要oninput事件处理程序。

简单的货币转换脚本不起作用

1 个答案: