Logowanie

Wyświetlanie wszystkich elementów z JSON jako div

pytanie zadane 12 maja 2018 w JavaScript przez Xenoxer Użytkownik (560 p.)
zamknięte 12 maja 2018 przez Xenoxer

Nakieruje mnie ktoś jak mogę wyświetlić wszystkie Ceny kursów z API Jako div w HTMLU?

Kod::


        fetch('http://api.nbp.pl/api/exchangerates/tables/a/?format=json')
        .then(resp => {
            if (resp.ok) {
                return resp.json()
            } else {
                return Promise.reject(resp)
            }
        })
        .then(resp => {
            console.log(resp);
            resp[0].rates.forEach(el => {
                var waluta = ` ${el.currency}`
                document.getElementById('nazwa').innerText = waluta

            });
        })
        .catch((error) => {
            if (error.status === 404) {
                console.log('Błąd: żądany adres nie istnieje');
            }
        });

Tak jak mam teraz pokazuje tylko jedną nazwę waluty.

komentarz zamknięcia: Problem rozwiązany. Dziękuje @Chess

1 odpowiedź

odpowiedź 12 maja 2018 przez Chess Szeryf (76,710 p.)
wybrane 12 maja 2018 przez Xenoxer

Najlepsza

<body style="background:grey">
<div id="date_curr"></div>
<br /><br />
<div id="nazwa"></div>

<script>fetch('http://api.nbp.pl/api/exchangerates/tables/a/?format=json')
.then(resp => {
    if (resp.ok) {
        return resp.json()
    } else {
        return Promise.reject(resp)
    }
})
.then(resp => {
    console.log(resp);
	for(var i=0;i<resp.length;i++){
		resp[i].rates.forEach(el => {
			var waluta = ` ${el.currency}` + ` ${el.code}` + ` ${el.mid} `;
			var date_curr = resp[0].table+' '+resp[0].no+' '+resp[0].effectiveDate;
			document.getElementById('date_curr').innerHTML = date_curr;
			document.getElementById('nazwa').innerHTML += waluta+'<br />';
	 
		});
	}
})
.catch((error) => {
    if (error.status === 404) {
        console.log('Błąd: żądany adres nie istnieje');
    }
});
</script>
</body>

Podobne pytania

0 głosów

1 odpowiedź 614 wizyt

Wyświetlanie losowych wartości z pliku JSON

pytanie zadane 29 lipca 2019 w JavaScript przez niezalogowany

+1 głos

1 odpowiedź 350 wizyt

Json jako lista obiektów

pytanie zadane 25 października 2021 w JavaScript przez kuba412 Początkujący (310 p.)

0 głosów

1 odpowiedź 334 wizyt

Udostępnienie pliki JSON jako API

pytanie zadane 18 stycznia 2019 w JavaScript przez Kola58 Nowicjusz (170 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Wyświetlanie wszystkich elementów z JSON jako div

Zaloguj lub zarejestruj się, aby skomentować.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci