Как вывести курс валют на сайте

16 Apr
Published by alexey in

теги 

html, js, web

Для того, чтобы вывести валюту, можно воспользоваться бесплатным API http://fixer.io и плагина http://openexchangerates.github.io/money.js/
для этого надо:

  • Скачиваем плагин money.js в папку со скриптами
  • Создаем в папке с js файл currency.js со следующим содержимиым:
                var demo = function(data) {
                fx.rates = data.rates;
                var rate = fx(1).from("USD").to("RUB");
                html = "$1 = " + rate.toFixed(4) + "₽";
                $("#currency").html(html)
                }

                $.getJSON("http://api.fixer.io/latest", demo)
           

  • пишем в html следующий код (подключение скриптов можно вынести в любое место страницы, по вашему усмотрению):
                <div class="content">
                    <script src="/js/money.min.js" type="text/javascript"></script>
                    <script src="/js/currency.js"  type="text/javascript"> </script>
                    <div>
                        <div id="currency"></div>
                    </div>
                </div>
           

На этом все :)