Как сделать конвертер валют на javascript

В этой статье мы покажем вам, как создать простой конвертер валют с помощью JavaScript. Вы узнаете о преимуществах использования конвертера и получите детальное пошаговое руководство по его реализации с примером.

Конвертер валют на JavaScript

Конвертер валют позволяет пользователям легко и быстро переводить денежные средства из одной валюты в другую. В этом руководстве мы рассмотрим, как создать конвертер валют на JavaScript. Для реализации нашего приложения мы будем использовать библиотеку currency-converter.

Для начала нам нужно установить библиотеку в нашем проекте с помощью команды npm:

npm install currency-converter

После установки библиотеки нам нужно импортировать ее в наше приложение:

import CurrencyConverter from 'currency-converter';

После этого мы можем создать экземпляр преобразователя валют:

const converter = new CurrencyConverter();

Теперь мы можем использовать его для преобразования валют:

converter.convert('USD', 'EUR', 100); // Вернет вам конвертированную сумму в другую валюту

Вы также можете передать третий параметр, который будет определять курс конвертации валюты. Если параметр не будет указан, библиотека будет использовать курс валют по умолчанию:

converter.convert('USD', 'EUR', 100, 0.9); // Вернет вам конвертированную сумму в другую валюту с использованием предоставленного курса конвертации

Теперь мы можем использовать этот метод для создания пользовательского интерфейса для нашего приложения. Для этого мы будем использовать HTML-форму с двумя выпадающими списками для выбора исходной и целевой валют:

<form>
  <label>From currency:</label>
  <select id="from">
    <option value="USD">USD</option>
    <option value="EUR">EUR</option>
  </select>
  <label>To currency:</label>
  <select id="to">
    <option value="USD">USD</option>
    <option value="EUR">EUR</option>
  </select>
  <input id="amount" type="text" placeholder="Enter amount">
  <button type="submit">Convert</button>
</form>

Теперь нам нужно добавить обработчик событий для нашей формы. Этот обработчик будет выполнять конвертацию валют при отправке формы. Он будет получать выбранные пользователем валюты и введенную им сумму. Затем он будет вызывать метод конвертации валют и выводить результат на экран:

const form = document.querySelector('form');
form.addEventListener('submit', (e) => {
  e.preventDefault();
  const from = document.querySelector('#from').value;
  const to = document.querySelector('#to').value;
  const amount = document.querySelector('#amount').value;
  const convertedAmount = converter.convert(from, to, amount);
  alert(`${amount} ${from} is equal to ${convertedAmount} ${to}`);
});

Теперь мы можем открыть наше приложение в браузере и проверить, что все работает правильно. Конвертер валют на JavaScript готов к использованию.