単純な通貨換算スクリプトが機能しない

Question

私は単純なJavaScript通貨変換アプリケーションを開発中です。それは、私がそれをどうやって調整するかは、マザーを働かせないということだけです。 入力フィールドは入力を受け付けず、数字を入力しようとすると「0」しか表示されません。

私は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

2つのイベントハンドラoninputとonchangeを使用しています。 oninputイベントハンドラは、要素の値が変更された直後に起動され、onchangeイベントハンドラは、要素の値が変更され、要素がフォーカスを失ったときに起動されます。

あなたはoninputイベントハンドラだけが必要だと思います。