Можно возспользоваться fetch() -
https://developer.mozilla.org/ru/docs/Web/API/Fetc...
Потом извлечь из полученного JSON-а необходимую информацию по курсу валют (найти необходимое поле) и вставить данные в HTML:
https://html5css.ru/js/js_htmldom_html.php
https://learn.javascript.ru/modifying-document
https://learn.javascript.ru/dom-nodes
Примерно так:
fetch('https://bank.gov.ua/NBUStatService/v1/statdirectory/exchange?json').then(response => {
return response.json();
}).then(array => {
// проходимся по всем курсам валют в цикле
for (const item of array) {
// вставить курс в HTML, см. ссылки выше
// инфа о курсе находится в объекте item
console.log(item.txt + ': ' + item.rate);
}
});