JavaScript валюты Coverter

Question

Нужна помощь, я буду благодарен вам.Привет, я выполняю задание. Если вы можете помочь с тем, что я делаю неправильно, это очень помогло бы.

    <div id="box">
        <h2>Currency Converter</h2>
        <table>
            <tr>
            <td><input id="fromAmount" type="text" size="15" value="0" onkeyup="conCurrency();"/></td>
            <td>
                <select id="from" onchange="conCurrency();">   
                <option value="EUR">Euro (EUR)</option>
                <option value="USD">American Dollar (USD)</option>
                <option value="GBP">British Pound (GBP)</option>
                <option value="JPY">Japanese Yen (JPY)</option>
                <option value="CAD">Canadian Dollar (CAD)</option>
            </select>
        </td>
       </tr>
       <tr><td><input id="toAmount" size="15" type="text" disabled onkeyup="conCurrency();"/></td>
        <td>
            <select id="to" onchange="conCurrency();">   
            <option value="EUR">Euro (EUR)</option>
            <option value="USD">American Dollar (USD)</option>
            <option value="GBP">British Pound (GBP)</option>
            <option value="JPY">Japanese Yen (JPY)</option>
            <option value="CAD" selected>Canadian Dollar (CAD)</option>
        </select>
    </td></tr>
         </table> 

Это мой Java-скрипт, в котором я был со вчерашнего дня, но я не могузаставить его работать.

var rates = {
    'EUR': 
        {'USD': 1.13, 'GBP':0.86,'YEN':127.274,'CAD':1.51}, 
    'USD': 
        {'CAD':1.33,'EUR': 0.87,'GBP':0.76,'YEN':111.96},
    'GBP':
        {'CAD':1.76,'EUR':1.16 ,'USD':1.32,'YEN':147.86}, 

    'YEN':
        {'CAD':0.0119,'EUR':0.0079 ,'USD':0.0089,'GBP':0.0068},
    'CAD':
        {'YEN':84.23,'EUR':0.66 ,'USD':0.75,'GBP':0.57}}
function conCurrency(){
    var from= document.getElementById("from").Value;
    var to= document.getElementById("to").Value;
    var fAmount =document.getElementById("fromAmount").value
    var result =0;
    if(rates[from.value] && rates[from.value][to.value]){
        result.value = fAmount * rates[from.value][to.value];
   document.getElementById("toAmount") = result;

    }
}

Answer 1

У вас есть несколько проблем, связанных с использованием свойства value:

• Чувствительно к регистру, поэтому .Value неверно.Это должно быть .value
• Когда вы присваиваете значение из свойства value переменной, вы не должны брать свойство value из этой переменной, потому что тогда вы, по сути, делаете .value.value, чтонеправильно.

См. комментарии в исправленном коде:

var rates = {
  'EUR': { 'USD': 1.13, 'GBP': 0.86, 'YEN': 127.274, 'CAD': 1.51 },
  'USD': { 'CAD': 1.33, 'EUR': 0.87, 'GBP': 0.76, 'YEN': 111.96 },
  'GBP': { 'CAD': 1.76, 'EUR': 1.16, 'USD': 1.32, 'YEN': 147.86 },
  'YEN': { 'CAD': 0.0119, 'EUR': 0.0079, 'USD': 0.0089, 'GBP': 0.0068 },
  'CAD': { 'YEN': 84.23, 'EUR': 0.66, 'USD': 0.75, 'GBP': 0.57 }
};

function conCurrency() {
  var from = document.getElementById("from").value; // <-- small "v"
  var to = document.getElementById("to").value;
  var fAmount = document.getElementById("fromAmount").value
  var result = 0;
  if (rates[from] && rates[from][to]) { // <--- not again .value!
    result = fAmount * rates[from][to]; // <-- variable result, not result.value
    document.getElementById("toAmount").value = result; // <--- you need .value here.
  }
}

<div id="box">
  <h2>Currency Converter</h2>
  <table>
    <tr>
      <td><input id="fromAmount" type="text" size="15" value="0" onkeyup="conCurrency();" /></td>
      <td>
        <select id="from" onchange="conCurrency();">
          <option value="EUR">Euro (EUR)</option>
          <option value="USD">American Dollar (USD)</option>
          <option value="GBP">British Pound (GBP)</option>
          <option value="JPY">Japanese Yen (JPY)</option>
          <option value="CAD">Canadian Dollar (CAD)</option>
        </select>
      </td>
    </tr>
    <tr>
      <td><input id="toAmount" size="15" type="text" disabled onkeyup="conCurrency();" /></td>
      <td>
        <select id="to" onchange="conCurrency();">
          <option value="EUR">Euro (EUR)</option>
          <option value="USD">American Dollar (USD)</option>
          <option value="GBP">British Pound (GBP)</option>
          <option value="JPY">Japanese Yen (JPY)</option>
          <option value="CAD" selected>Canadian Dollar (CAD)</option>
        </select>
      </td>
    </tr>
  </table>