I am trying to make a simple currency converter! I take the exchange rate from https://fixer.io via Api
//Load value $.ajax({ url: 'http://data.fixer.io/api/latest?access_key={!KEY!}', dataType: 'jsonp', success: function(json) { for(let key in json.rates){ $('.changeLoad').append('<option>'+key+'</option>') } } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="change" class="changeLoad" id="changeValuteFrom"> </select> In select from ip currency! Then I try to take a click on the value and get the value of the currency but in the end I get undefined!
$.ajax({ url: 'http://data.fixer.io/api/latest?access_key={!KEY!}', dataType: 'jsonp', success: function(json) { for(let key in json.rates){ $('.changeLoad').append('<option>'+key+'</option>') } } }); $('#js-exchange-start').click(function(){ let changeValuteFrom = $('#changeValuteFrom').val(); $.ajax({ url: 'http://data.fixer.io/api/latest?access_key={!KEY!}', dataType: 'jsonp', success: function(json) { console.log(json.rates); console.log(json.rates.RUB); console.log(json.rates.changeValuteFrom); //undefined } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="change" class="changeLoad" id="changeValuteFrom"> </select> <button class="btn" id="js-exchange-start"><i class="fas fa-dice-d20"></i> Обменять</button>
json.rates[changeValuteFrom]- Vladimir KlykovchangeValuteFromcontains a key name which is not injson.ratesShow the output of this code here:console.log('1)'+json.rates.[changeValuteFrom]);console.log('2)'+changeValuteFrom);- Vladimir Klykov