Getting JSON exchange rate from fixer.io to HTML

Question

I'm trying to get the current USD to EUR rate from fixer.io into a single line in a HTML file and replace the "." in the USD value with a ",".

Can somebody help me?

LINK: https://api.fixer.io/latest?symbols=USD

{
  "base": "EUR",
  "date": "2017-12-04",
  "rates": {
    "USD": 1.1865
  }
}

What i need in a HTML file:

1,1865

EDIT:

This is what i tried so far (literally never done this before):

HTML:

<span id="rate_usd"></span>

JS:

$(document).ready(function(){
  var url= "https://api.fixer.io/latest?symbols=USD"
  $.getJSON(url,function(data){
    document.getElementById("rate_usd").innerHTML = data.rates.USD;

  });
});

this link will help you [link]https://openexchangerates.github.io/money.js/#basic-install — Joseph Charles, Dec 05 '17 at 09:01

score 1 · Accepted Answer · answered Dec 05 '17 at 10:00

Try the below, it includes all the HTML, JS and jQuery dependency you were referencing.

You were pretty close, here we are taking the number returned by the API, converting it to a string with toString() and then replacing the . with , as requested.

<html>
  <head>
    <title>USD Rate</title>
  </head>
  <body>
    <span id="rate_usd"></span>
    <script
      src="https://code.jquery.com/jquery-3.2.1.min.js"
      integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
      crossorigin="anonymous"></script>
    <script>
      $(function() {
        $.getJSON('https://api.fixer.io/latest?symbols=USD', function(data) {
          var usdRate = data.rates.USD.toString();
          var commaFormatted = usdRate.replace('.', ',')
          document.getElementById('rate_usd').innerHTML = commaFormatted;
        });
      });
    </script>
  </body>
</html>

1

Thank you! Works perfectly. – TohBey Dec 05 '17 at 10:20

score 0 · Answer 2 · answered Jul 31 '18 at 17:15

0

Also you can give a try to the Java API for fixer.io: https://github.com/lico/jFixer

These API encapsulate the call to the web service.

answered Jul 31 '18 at 17:15

lco

1

Getting JSON exchange rate from fixer.io to HTML

2 Answers2