XYM価格をホームページ上に表示するJavaScript(jQuery)コードを書きました

XYM(symbol)がいよいよローンチされました。記事執筆時点では日本国内の暗号資産取引所ではまだ購入できないようですが、海外では取引がはじまっているようです。

XYM価格を表示する

暗号資産の価格を表示する方法を調べていると、CoinGeckoがAPIを提供していました。CoinGeckoのAPIを利用すると、自分のホームページなどにXYM価格を表示できます。(記事執筆時点では、価格を表示するAPI利用のための登録などは不要でした。)

実際のコード

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
$(function() {
 let url = "https://api.coingecko.com/api/v3/simple/price?ids=symbol&vs_currencies=jpy";
 $.getJSON(url , function(data) {
   $("#price").text(data.symbol.jpy);
 });
});
</script>
<span id="price"></span>

JavaScript(jQuery)を使って、表示するコードを書きました。XYMが日本円でいくらになるのか、を表示します。

↑のコードを、自分のホームページ・ブログなどに張り付ければ、XYＭの価格を表示できます。
(jQueryを使っているホームページであれば、一行目の <script src="https://code.jquery.com ...></script> は不要です。)

計算できるページは↓

ドルの場合は

https://api.coingecko.com/api/v3/simple/price?ids=symbol&vs_currencies=jpy

のところを

https://api.coingecko.com/api/v3/simple/price?ids=symbol&vs_currencies=usd

とします。

また

  $("#price").text(data.symbol.jpy);

のところを

  $("#price").text(data.symbol.usd);

とします。そうすると、ドル建ての価格を取得できます。

他の記事もごらんください。