Подготовьте HTML-документ со встроенным кодом JavaScript, который будет служить конвертером нескольких валют. Он должен состоять из двух областей: простой формы для ввода денежной стоимости и таблицы, содержащей все введенные значения и их сумму.
Форма должна состоять из ввода текста для ввода денежной суммы, поля выбора для выбора валюты (select box), текста с подсказкой суммы введенного значения в долларах США и кнопки отправки (submit button).
Текстовая подсказка должна обновляться каждый раз, когда пользователь меняет введённую сумму или выбирает другую валюту.
После отправки формы в таблице должна появиться новая строка, отображающая исходную сумму и валюту, а также эквивалент этой суммы в долларах США.
Внизу таблицы должна быть сумма всех введенных сумм (только в долларах США).
Пример:
- пользователь вводит 100 в поле суммы
- пользователь выбирает евро в качестве валюты
- отображается текстовая подсказка с суммой в долларах по курсу конвертации текущего дня
- пользователь отправляет форму
-> в таблице появится новая строка (под существующими строками)
-> первая ячейка содержит значение 100 евро, вторая ячейка содержит преобразованное значение (например, 111,97 долларов США - согласно курсу конвертации на сегодняшний день)
-> итоговое значение под таблицей увеличивается на сумму в долларах США (в данном случае 111,97)
Инструкции:
- Решение должно быть автономной интерфейсной реализацией - без серверного кода.
- Воспользуйтесь онлайн-сервисом конвертации валют, чтобы узнать курсы конвертации.
- Достаточно использовать несколько разных валют (например, EUR, USD, CZK) - нет необходимости поддерживать все валюты
- Приветствуется проверка ввода текста в форму
- Нет необходимости в форме сброса или очистке функциональности страницы (это можно легко сделать, перезагрузив страницу)