Here is a Steem PriceTicker I made with CoinmarketCap API

Words
217
Reading
1 min
Listen
Play
10y

This #priceticker can even be denoted into #BTC with a little bit of help.  It's a simplified version of my #HBOM ticker I made a few months back.  I'll likely include it on the site in due time, but in case you'd like to jump on and use it now: here you go.  Any and all feedback is greatly appreciated 😁

I've embedded Jquery so it's easy to use the $GET() requests, but if you have a more efficient method that could get rid of JQuery I'm open to advice.  Take care and and cheers peeps.

<script   src="https://code.jquery.com/jquery-2.2.4.min.js"   integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="   crossorigin="anonymous"></script><div id="tickerBox"></div>

    <script>

    var tickerBox = document.getElementById('tickerBox');

    var divTicker = document.createElement('div');

    divTicker.setAttribute("id", "ticker");

    tickerBox.appendChild(divTicker);

    divTicker.style.fontSize="4rem";

    divTicker.style.fontWeight="bold";

    divTicker.style.letterSpacing="2px";

    var checked = document.createElement('div');

    checked.setAttribute("id", "checked");

    tickerBox.appendChild(checked);

    var dataLast;

    function priceData (){

            var ticker = document.getElementById('ticker');

            var lastUpdated = document.getElementById('checked');

            var datetime = "Last Updated: <br/>" + new Date().toLocaleTimeString();

//https://api.bitcoinaverage.com/ticker/global/USD/last

    $.get(

        "https://api.coinmarketcap.com/v1/ticker/steem/",

        function(data) {

         data = data[0].price_usd;

         if (data > dataLast) {

            divTicker.style.color = "green";

         } else {

            divTicker.style.color = "red";

         }

         ticker.innerHTML = "$" + data.toFixed(2)+" <span id='super'>USD</span>";

         superscript = document.getElementById('super');

         superscript.style.fontSize="xx-small";

         superscript.style.verticalAlign="top";

         superscript.style.letterSpacing="0px";

         checked.innerHTML = datetime;

         dataLast = data;

        }

    );

    }

    priceData();

    setInterval(priceData, 5000);

    checked.style.paddingLeft="10px";

    checked.style.marginTop="-14px";

    checked.style.color="black";

    checked.style.textShadow="2px 2px 1px #4ba2f2";

    checked.style.float="right";

    ticker.style.textShadow="1px 2px 2px black";

    ticker.style.paddingLeft="10px";

    tickerBox.style.width="13rem";

    tickerBox.style.height="10rem";

    ticker.style.paddingTop="1rem";

    ticker.style.paddingBottom=".5rem";    

    tickerBox.style.borderRadius="5px";

    tickerBox.style.backgroundImage="url('https://puu.sh/q1VUF/d9e60eef32.png')";

    tickerBox.style.backgroundSize="contain";

    //tickerBox.style.backgroundPosition="40px 0px";

    </script>
Here is a Steem PriceTicker I made with CoinmarketCap API | Ecency