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>