Помощь с javascript и загрузкой данных

[ilyamio]

Здравствуйте. Имеется рабочий скрипт конвертера валют. https://ilyamio.github.io/currencyconverter/

Мне необходимо изменить источник загрузки курсов на ЦБ РФ вот по этой ссылке: https://www.cbr.ru/scripts/XML_daily.asp

А также мне необходимо установить ограничение на количество обращений к сайту ЦБ РФ - 1 раз в сутки. При частом обращении, могут заблокировать.

Вот в этом js файле находятся настройки конвертера:

const from_currencyEl = document.getElementById('from_currency');
const from_ammountEl = document.getElementById('from_ammount');
const to_currencyEl = document.getElementById('to_currency');
const to_ammountEl = document.getElementById('to_ammount');
const rateEl = document.getElementById('rate');
const exchange = document.getElementById('exchange');

from_currencyEl.addEventListener('change', calculate);
from_ammountEl.addEventListener('input', calculate);
to_currencyEl.addEventListener('change', calculate);
to_ammountEl.addEventListener('input', calculate);

exchange.addEventListener('click', () => {
	const temp = from_currencyEl.value;
	from_currencyEl.value = to_currencyEl.value;
	to_currencyEl.value = temp;
	calculate();
});

function calculate() {
	const from_currency = from_currencyEl.value;
	const to_currency = to_currencyEl.value;
	
	fetch(`https://api.exchangerate-api.com/v4/latest/${from_currency}`)
		.then(res => res.json())
		.then(res => {
		const rate = res.rates[to_currency];
		rateEl.innerText = `1 ${from_currency} = ${rate} ${to_currency}`
		to_ammountEl.value = (from_ammountEl.value * rate).toFixed(2);
	})
}

calculate();

Как мне изменить настройки в этом файле чтобы курсы брались с https://www.cbr.ru/scripts/XML_daily.asp и включить ограничение на количество обращений по ссылке cbr.ru - 1 раз в сутки?

Заранее спасибо всем, кто хотел помочь с решением этой задачи.

[Switch74]

По сути вам нужно переписать всё...

1. Запрос на https://www.cbr.ru/scripts/XML_daily.asp делать лучше через php и сохранять к себе на сервер, при этом проверять время создания файла или текущее время, чтобы загружать его 1 раз в день 
Копировать можно например так (загружать по двум условиям после 12 часов дня и сохраненная копия должна быть старше 12 часов):

$url = 'https://www.cbr.ru/scripts/XML_daily.asp';
$file = 'files/cbr.xml';
if(file_exists($file))
{
    if( date('H') > 12 && ((filemtime($newfile)-time())/60/60) > 12 )
    {
         @unlink($file);
         @copy($url, $file);
    }
}
else @copy($url, $file);

2. XML файл обрабатывать
Разбор файла можно делать так ($code - это код искомой валюты $rate - ее курс)

$code = 'R01235';
$xml = @file_get_contents($file);
preg_match("/\<Valute ID=\"".$code."\".*?\>(.*?)\<\/Valute\>/is", $xml, $result);
if(isset($result[1]))
{
        preg_match("/<Value>(.*?)<\/Value>/is", $result[1], $rate);
        if(isset($rate[1])) $rate = $rate[1];
}

Можно попробовать  https://www.cbr-xml-daily.ru/

[Switch74]

создайте массив в js параллельно с выводом курсов, чтобы получилось что-то вроде:

{
'USD':'61,31',
'EUR':'62,56',
'CNY':'9,216',
}

 и можно использовать его в javascript

я так понимаю у вас будет выпадающий список в котором вы выбираете валюту, например 'USD' и в массиве по данному ключу можете найти курс выбранной валюты

[ilyamio]

3 часа назад, Switch74 сказал:

По сути вам нужно переписать всё...

Здравствуйте! Спасибо большое за подробный ответ!

Благодаря вами предложенному коду, получилось загрузить курсы.

Их я вывел таким образом: 

USD:61,31;

EUR: 62,56;

CNY: 9,216

Теперь возникает вопрос, как их вписать в javascript чтобы конвертер сработал?

[ilyamio]

14 часов назад, Switch74 сказал:

я так понимаю у вас будет выпадающий список в котором вы выбираете валюту, например 'USD' и в массиве по данному ключу можете найти курс выбранной валюты

Здравствуйте!

Да, верно.

Спасибо большое за помощь и за ваше время, которое уделили мне чтобы помочь.