Cześć, chciałbym stworzyć prostą stronę HTML z danymi z CoinMarketCap używając API jednak mam problemy, ponieważ nie do końca wiem jak pobierać wartości i wyświetlać w HTML: potrzebuję pobierać dane z tej strony, jak id cena itp: https://api.coinmarketcap.com/v1/ticker/bitcoin/
Mam taki kod jednak nie działa.
<!DOCTYPE html>
<html>
<head>
<title>HTML5, CSS3 and JavaScript demo</title>
</head>
<body>
<div id="1"></div>
<script>
var id = document.getElementById("1");
var demo = '{
"id": "bitcoin",
"name": "Bitcoin",
"symbol": "BTC",
"rank": "1",
"price_usd": "2220.68",
"price_btc": "1.0",
"24h_volume_usd": "1566020000.0",
"market_cap_usd": "36300483302.0",
"available_supply": "16346562.0",
"total_supply": "16346562.0",
"percent_change_1h": "0.34",
"percent_change_24h": "0.84",
"percent_change_7d": "28.39",
"last_updated": "1495535665"
}';
var json = JSON.parse(demo);
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.coinmarketcap.com/v1/ticker/bitcoin/", false);
xhr.send();
id.innerHTML= JSON.parse(demo);
</script>
</body>
</html>