አዲስ ሚዲያ ኔትዎርክ

fetch('https://api.nbe.gov.et/api/get-interest-rates') .then(response => response.json()) .then(data => { var cbrContainer = document.getElementById("cbr"); cbrContainer.innerText = `${data?.data.data[0].central_bank_rate}` ; var tbrContainer = document.getElementById("tbr"); tbrContainer.innerText = `${data?.data.data[0].t_bill_rate}` ; var msrContainer = document.getElementById("msr"); msrContainer.innerText = `${data?.data.data[0].minimum_saving_rate}` ; // Display the fetched data }) .catch(error => console.error(error)); fetch('https://api.nbe.gov.et/api/one-daily-indicative-mid-rates') .then(response => response.json()) .then(data => { var exchangeMidValue = document.getElementById("exchangeMidValue"); exchangeMidValue.innerText = `${data?.data.price}` ; var exchangeMidDate = document.getElementById("exchangeMidDate"); exchangeMidDate.innerText = `${data?.data.date}` ; ; // Display the fetched data }) .catch(error => console.error(error)); // Fetch data from the API fetch('https://api.nbe.gov.et/api/get-selected-exchange-rates') .then(response => response.json()) .then(data => { var exchangeDataContainer = document.getElementById('exchangeData'); data?.data?.forEach(function(data) { // Create the HTML structure for each data item var html = ` ${data.currency.code.toLowerCase()} ${data.currency.name} Buying ${data.buying} ETB Selling ${data.selling} ETB Mid Rate ${data.weighted_average} ETB `; // Append the HTML to the container element exchangeDataContainer.innerHTML += html; }); // Display the fetched data }) .catch(error => console.error(error)); .ExchangesContainerTwo{ margin-bottom: 10px; color: white; } .ExchangesContainerTwo .interstPercent{ font-size: 40px; line-height: 0.6; display: block; font-weight: 600; margin-bottom: 20px; display: block; color: #FCC676; } .interestName{ display: block; margin-bottom: 10px !important; } .interestText{ display: block; margin-top: 0px } .ExchangesHeaderContainer{ display: flex; flex-wrap: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .marginInterest{ color: white !important; margin-bottom: 20px !important; } .dFlex{ display: flex; justify-content: space-between; align-items: top; } .interstTypes{ display: flex; justify-content: space-between; } .midRateContainer { border-radius: 5px; gap : 10px; display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; background: var(--ast-global-color-1); } .midRateContainer h3 { color: white; text-transform: uppercase; font-size: 20px ; text-align: center; margin: 0 } .midRateContainer p { padding: 0; font-weight: 300; text-transform: uppercase; margin: 0; } .midRateContainer .separator { border: 1px solid #202F3F; height: 40px; } .midRateContainer .moneyValue { font-size: 35px; font-weight:700 !important; } .colorBlue { color: #202F3F; } .ExchangesContainerTwo table { border-collapse: collapse; width: 100%; border: none; table-layout: fixed !important; } .ExchangesContainerTwo th, td { border: 1px solid black; border: none; background: none; /*padding: 0px;*/ text-align: left !important; vertical-align: top; /* Align headers to the top */ text-align: center; } .ExchangesContainerTwo tr{ background: none; box-shadow: none; } .interestTD{ padding: 10px 0; } @media only screen and (max-width: 767px) { .ExchangesContainerTwo .interstPercent{ font-size: 35px; } .interestTD{ font-size: 14px; text-transform: capitalize; padding-right: 10px; } .tableInterest tr .interestTD:last-child { padding-right: 0px; } .ExchangesHeaderContainer div:last-child{ margin-left: 10px; } .tableTop td { padding: 10px 5px; } .midRateContainer h3 { color: white; text-transform: uppercase; font-size: 16px ; text-align: left; margin: 0 } .midRateContainer p { padding: 0; font-weight: 900; text-transform: uppercase; margin: 0; } .midRateContainer .separator { border: 1px solid #202F3F; } .midRateContainer .moneyValue { font-size: 20px; font-weight: 600 !important; } }