конвертер валют javascript код
Конвертер валют на JavaScript
В этой статье я расскажу как сделать на js конвертер валюты, думаю будет очень интересно и полезно, особенно тем кто реализует RestAPI, так как это может уменьшить нагрузку на ваш сервер.
Мы уже делали конвертер валют, но на PHP, что узнать как это сделать, прочитайте эту статью «Как добавить курс и конвертер валют на PHP».
Основы создания:
Начнём с основ создания, то есть сделаем HTML файл в котором будем выводить нынешний курс, для этого создадим файл «index.html», вот что в нём должно быть.
Тут не чего особо говорить, разве что в тег span мы будем выводить сколько сейчас стоит валюта.
Теперь создадим файл «script.js», там будет весь основной код, так же для получения данных, мы будем использовать библиотеку axios.js, подключим её через CDN.
Дальше переходим во файл «script.js» в нём берём все элементы которые нам нужны и получаем данные из удалённого сервера, выводим их в HTML, вот код:
Вот что должно у вас получиться:
Как видите всё работает, мы в начали берём элементы куда будем выводить стоимость одного евро и доллара, потом создаём объект где будем хранить валюту.
Потом отправляем GET запрос и в ответе получаем объект со всеми данными о валютах, ложим нужные валюты в наш объект и выводим данные.
Таким образом мы получили всё что нам нужно.
Как сделать конвертер валют в JavaScript:
Теперь сделаем полноценный конвертер валют, будем вводить число валюты и конвертировать в рубли, для это в начале сделаем в HTML инпут.
Евро в рублях: class = «eur-in-rub» > 0 Руб
Евро: type = «text» class = «eur-input» >
Доллар в рублях: class = «usd-in-rub» > 0 Руб
Доллар: type = «text» class = «usd-input» >
Теперь дополним наш JavaScript файл, вот что мы в нём сделаем:
В начали тут всё примерно так же как и в первом варианте, разве что ещё берём несколько элементов, это для вывода конвертированной валюты в рубли и поля для ввода этой валюты.
Потом мы начинаем отслеживать событие изменение полей, внутри проверяем, если в поле введено не число, то выводим ошибку, иначе если пустая строка, то выводим ноль, иначе выводим конвертированную валюту в рубли, так делаем с евро и долларом.
Так же при выводе мы округляем получившееся число, для лучшего понимания, вот что в итоге вышло:
Вы сможете сами проверить как всё работает, я оставлю код для скачивания.
Вывод:
В этой статье вы прочитали как сделать на js конвертер валюты, думаю вам было интересно и полезно.
Конвертер валют
Здравствуйте. Сделал конвертер валют, но теперь необходимо, чтобы курс валют загружался с какого-нибудь сайта. Нашел один более менее понятный пример, но он на php, а нужен только JavaScript.
Подскажите, можно ли сделать что-то подобное, используя JavaScript или просто другой способ загрузки валют.
Добавлено через 23 часа 14 минут
Можно ли такое реализовать на чистом JavaScript (без jQuery)?
Добавлено через 18 часов 42 минуты
Никто не сталкивался с таким заданием?
Добавлено через 6 часов 38 минут
Такое вообще возможно на JavaScript сделать?
Добавлено через 12 часов 33 минуты
Решение так и не нашел
Добавлено через 9 часов 9 минут
апну тему в последний раз
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Конвертер валют
Добрый вечер! нужен конвертер валют в реальном времени, чтоб каждый час, допустим, обновлялся.
Написать конвертер валют
Доброго времени суток. Есть задача универа, написать конвертер валют. То есть пользователь вводит.
Сделать конвертер валют
Здравствуйте. Мне нужно создать конвертер валют, работа которого такая же, как у этого.
Javascrypt курсов валют
ДОБРОГО ВРЕМЕНИ СУТОК! Я ПО ПОВОДУ javascrypt! Есть рабочий код вывода курсов валют на для.
Как написать конвертер валют в javascript?
Как мне найти все части текста, содержащие € или EUR или другую валюту, чтобы конвертировать их в другую валюту по моему выбору?
2 ответа
Я новичок в javascript и пытаюсь сделать простой конвертер валют, он отлично работает, когда я выбираю £фунт, £фунт или £фунт R$Real, но когда я выбираю R$Real R$Real, выполняется расчет Pound R$Real. Я потратил несколько часов, пытаясь понять это (очень неприятно). Как это исправить? Есть ли.
Как я могу получить все названия валют или коды, которые поддерживает конвертер валют Yahoo finance? я попытался использовать язык запросов yahoo (YQL) с различными операторами Select, но ничего не получилось. есть ли какой-нибудь запрос Yahoo или есть какой-то другой способ получить эти названия.
Вот пример кода для поиска в тексте любых валют и конвертации в целевую валюту:
Может ли это решить вашу проблему?
Edit: Обновил код выше, чтобы включить вашу желаемую целевую валюту DEM, и сделал regex/replacer поддержкой как префиксов, так и суффиксов, а также sourceCurrency
Edit2: Снова обновил код для обработки десятичных чисел
В тексте просто невозможно узнать, действительно ли используется валюта.
Например, как вы можете различать эти:
Но я позволю тебе справиться с этой частью.
Я хотел бы, чтобы конвертер валют XE был интегрирован в мой сайт, но хотел бы, чтобы вывод на моем сайте был на той же странице и не перенаправлялся на сайт XE, как это реализовать? с iframe? Пожалуйста, не могли бы вы привести мне пример? Большое спасибо.
Я пытаюсь сделать конвертер валют,который конвертирует между несколькими различными валютами при изменении. Он использует некоторые заранее определенные обменные курсы. Отображаются поля ввода, но ни один из javascript, похоже, не работает. Кто-нибудь поможет? Отредактировано с обновленным кодом.
Похожие вопросы:
давным-давно я пытаюсь создать конвертер валют для android, который имеет живой обменный курс от webservice. но я не могу, Может ли кто-нибудь дать мне, как получить тариф от веб-сервиса? и более.
Я пытаюсь включить живой конвертер валют в свое ионное приложение, но, похоже, не могу найти много информации о том, как это сделать. Есть ли у кого-нибудь полезные ссылки или информация, которую я.
Я начал делать конвертер валют. Вот как выглядит этот код: printWhat currency would you like to convert from?(british,yen): currency_in = gets.to_s printWhat currency would you like to convert.
Я новичок в javascript и пытаюсь сделать простой конвертер валют, он отлично работает, когда я выбираю £фунт, £фунт или £фунт R$Real, но когда я выбираю R$Real R$Real, выполняется расчет Pound.
Как я могу получить все названия валют или коды, которые поддерживает конвертер валют Yahoo finance? я попытался использовать язык запросов yahoo (YQL) с различными операторами Select, но ничего не.
Я хотел бы, чтобы конвертер валют XE был интегрирован в мой сайт, но хотел бы, чтобы вывод на моем сайте был на той же странице и не перенаправлялся на сайт XE, как это реализовать? с iframe.
Я пытаюсь сделать конвертер валют,который конвертирует между несколькими различными валютами при изменении. Он использует некоторые заранее определенные обменные курсы. Отображаются поля ввода, но.
Я использую http://fixer.io / конвертер валют для конвертации валюты. Это сработало только один раз, а теперь не работает. Я добавил money.js и сценарий rest o fteh в качестве упомянутого примера Он.
Написать конвертер валют
Доброго времени суток. Есть задача универа, написать конвертер валют. То есть пользователь вводит число, какая валюта, и в какую конвертировать. Я понимаю как это все сделать, но у меня получается через чур много проверок if. То есть если я хочу 100 долл перевести в гривны то это умножение, если на оборот то это деление, и так для каждой валюты.
Уважаемые знатоки, как можно это сделать проще, без такой кучи проверок.
я нашел код на форуме, но я ничего не понял как он работает. Конвертер валют
Очень буду благодарен вам если поможете разобраться.
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Конвертер валют
Добрый вечер! нужен конвертер валют в реальном времени, чтоб каждый час, допустим, обновлялся.
Конвертер валют
Здравствуйте. Сделал конвертер валют, но теперь необходимо, чтобы курс валют загружался с.
Сделать конвертер валют
Здравствуйте. Мне нужно создать конвертер валют, работа которого такая же, как у этого.
Конвертер валют из гривен в юани
У меня такая ситуация. Нужно сделать конвертер который пересчитывает из гривен в юани. Я нашла.
Конвертер валют javascript код
Javascript module for currency conversion, based on https://free.currencyconverterapi.com
Latest commit
Git stats
Files
Failed to load latest commit information.
README.md
js-currency-converter is a currency conversion javascript module, based on Currency Converter API
npm instal js-currency-converter
jQuery is the only dependency, hence it is required in order for js-currency-converter to work properly.
Create a new intance of CurrencyConverter:
var converter = CurrencyConverter();
If you have the paid version of the API you just have to change the API.url and add your apiKey to the API.queryParams :
To get a fresh exchange rate from a server you can use fetchQuote function:
To query multiple rates at once, with one API call, just pass in additional queries as parameters.
If multiple fetchQuote function calls occur, while another fetchQuote with the same conversion rate query is in progress, multiple server calls will not be triggered. Instead, every time the same promise will be returned. Server calls are cached while in progress to converse bandwith and ease the usage.
To get an exchange rate for a currency you can use getRate function. If there is a cached rate available, it will be resolved, without fetching a fresh one from the server.
To query multiple rates at once, just pass in additional queries as parameters. If there is a cached rate available, it will be resolved, without fetching a fresh one from the server.
To convert an amount of money, you can use convertAmount function:
To convert an amount of money, pass in additional conversion strings as parameters:
Few important rules about caching rates:
Full documentation can be found in /docs folder.