Не могу понять как сделать фишку с конвертацией через селект в чистом js. Т.е. получаю массив объектов, перебираю его через map и необходимо информацию - стоимость валюты в этом массиве выводить по дефолту в usd, но если изменена валюта через список select то конвертировать ее.
Вот функция:
spoilerfunction load() {
fetch(url)
.then((response) => {
return response.json()
})
.then((data) => {
let table = document.querySelector('#currency')
let count = 1
let html = data.map((item)=>{
return '<tr class="info">' + '<th>'+ count++ + '</th>' + '<th>'+ item.name + '</th>' + '<th class="price_usdConv">' + item.price_usd + '</th>' + '<th>'+ item.price_btc + '</th>' + '<th>'+ item.total_supply + '</th>' + '<th>'+ item.max_supply + '</th>' + '<th>'+ item.percent_change_1h + '</th>' + '<th>'+ item.percent_change_24h + '</th>' + '<th>'+ item.percent_change_7d + '</th>' + '</tr>'
})
table.insertAdjacentHTML('beforeEnd', html.join(' '))
})
}
Необходимо значение item.price_usd менять в зависимости от выбора select.
Так же написал функцию селект:
spoilerfunction currency_select() {
for(let i =0; i < currency.length; i++){
item.text = currency[i]
item.value = currency[i]
options.appendChild(item.cloneNode(true))
}
}
Имеется отдельная функция получения только валют по аналогии с первой:
spoilerfunction converterUsd() {
fetch(url)
.then((response) => {
return response.json()
})
.then((data) => {
let price_usdConvert = data.map((item) => {
return item.price_usd
})
return price_usdConvert
})
}
Грубый пример конвертера:
spoilerfunction converter() {
options.addEventListener('change', () => {
if(options.value == 'RUB'){
return 6000 * 63 // 6000 для примера
} else {
return price
}
})
}
Не могу понять как связать это все, чтобы на странице если выбираешь через селект rub то сумма должна конвертироваться.