HTML와 Javascript로 현재 이더리움 가격 알기

HTML 코드

<div class="col-sm-8 my-auto text-center">

              <div class="small text-muted">유로</div>

              <div class="h4 mb-0 text-primary"><span id="price_eur"></span></div>

              <hr>

              <div class="small text-muted">달러</div>

              <div class="h4 mb-0 text-warning"><span id="price_usd"></div>

              <hr>

              <div class="small text-muted">비트코인</div>

              <div class="h4 mb-0 text-success"><span id="price_btc"></span></div>

            </div>

            <div class="col-sm-4 text-center my-auto">

                <div class="small text-muted">최근 한 시간 변화</div>

                <div class="h4 mb-0 text-primary"><span id="change_1h"></span></div>

                <hr>

                <div class="small text-muted">최근 하루 변화</div>

                <div class="h4 mb-0 text-warning"><span id="change_24h"></span></div>

                <hr>

                <div class="small text-muted">최근 일주일 변화</div>

                <div class="h4 mb-0 text-success"><span id="change_7d"></span></div>

</div>

JavaScript

// 이더리움 가격 알아오는 메서드

function coinmarketcap(){

  $.getJSON("https://api.coinmarketcap.com/v1/ticker/ethereum/", function(data){

    $('#change_1h').text(data["0"]["percent_change_1h"] + " %");

    $('#change_24h').text(data["0"]["percent_change_24h"] + " %");

    $('#change_7d').text(data["0"]["percent_change_7d"] + " %");

    $('#price_btc').text(data["0"]["price_btc"] + " ฿");

    $('#price_usd').text("$"+ parseFloat(data["0"]["price_usd"]).toFixed(2));

    $.getJSON("https://api.coinmarketcap.com/v1/ticker/ethereum/?convert=EUR", function(data){

      $('#price_eur').text("\u20AC" + parseFloat(data["0"]["price_eur"]).toFixed(2));

    });

  });

}

참고 :  github