2017-07-17 6 views
0

私は設定しようとしている非常に簡単な電卓を持っています。HTMLを使用した基本API:オブジェクトの作成

<!DOCTYPE html> 
<p>Crypto Currency Diversifier</p> 
<div class="container"> 
<h1>Crypto Currency Diversifier</h1> 

<form action="/action_page.php"> 
    Dollars:<br> 
    <input type="text" name="dollars" value="500"><br><br> 
    # of Currencies:<br> 
    <input type="text" name="quantity" value="20"><br><br> 
    <input type="submit" value="Submit"> 
</form> 

次のステップは、私は、時価総額に対するそれらの間に500(ドル)を分割し、上位20(量)cryptocurrenciesをプルする必要があります。 https://api.coinmarketcap.com/v1/ticker/?limit=10https://coinmarketcap.com/api/

クリックすると、私のトップ10の通貨を示しています

はここでAPIのウェブサイトです。

ページ上の各通貨のすべてのマーケットキャップを追加するにはどうすればよいですか。その後、それらから比率を作成しますか?

  • 数学部分はかなり簡単ですが、実際にはAPIリンクからデータを引き出し、それを実行可能な形式にする方法がありません。
+0

検索クエリとAjax:

あなたはこのようにこれを実装することができます。 https://stackoverflow.com/help/mcveを読んでください。 –

答えて

0

検索jQueryとAjaxを:

function getCurrencies() 
 

 
{ 
 
    $.ajax(
 
    {url:"https://api.coinmarketcap.com/v1/ticker/?limit=20", 
 
    success:function(data) { 
 
       //console.log(data); 
 
       var totalcap=0.0; 
 
       var u=$("<ul>"); 
 
       for(var i=0;i<data.length;i++) { 
 
        var currency=data[i]; 
 
        var cap=parseFloat(currency["market_cap_usd"]); 
 
        var li=$("<li />").html(currency["name"] + " " + cap.toFixed(2).replace(/./g, function(c, i, a) { 
 
    return i && c !== "." && ((a.length - i) % 3 === 0) ? ',' + c : c; 
 
})); 
 
     
 
        u.append(li); 
 
        totalcap+=cap; 
 
       } 
 
       $('#currlist').html('').append(u); 
 
       $('#cap').html(totalcap.toFixed(2).replace(/./g, function(c, i, a) { 
 
    return i && c !== "." && ((a.length - i) % 3 === 0) ? ',' + c : c; 
 
})); 
 
       $('#data').val(JSON.stringify(data)); 
 
      }, 
 
      error:function() { 
 
       alert("Error"); 
 
      }, 
 
      dataType:"json", 
 
      type:"get"} 
 
    
 
); 
 

 
}
textarea {width:600px;height:250px;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<p>Crypto Currency Diversifier</p> 
 
<div class="container"> 
 
<h1>Crypto Currency Diversifier</h1> 
 

 
<form action="/action_page.php"> 
 
    Dollars:<br> 
 
    <input type="text" name="dollars" value="500"><br><br> 
 
    # of Currencies:<br> 
 
    <input type="text" name="quantity" value="20"><br><br> 
 
    <input type="submit" value="Submit" onclick="getCurrencies(); return false" 
 
> 
 
    Total Market Cap:<div id="cap"></div><br /> 
 
    Currencies: <div id="currlist"></div><br /> 
 
    <textarea id="data"></textarea> 
 
</form>

関連する問題