JSFiddle - React, Tailwind, and code Playground

by silvawebdesigns

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<h3>Silva Web Designs has <span id="twitter-followers"></span> Twitter followers.</h3>

<h3>Silva Web Designs has <span id="instagram-followers"></span> Instagram followers.</h3>

JavaScript

// Get Twitter Followers Count

var twitter_username = 'SilvaWebDesigns';

$.ajax({
  url: "https://cdn.syndication.twimg.com/widgets/followbutton/info.json?screen_names=" + twitter_username,
  dataType: 'jsonp',
  crossDomain: true
}).done(function(data) {
  $("#twitter-followers").text(data[0]['followers_count']);
});

// Get Instagram Followers Count

var token = '1436436854.1677ed0.0e88a59d9da247c6bd035ac186a9c9c8';

$.ajax({
  url: 'https://api.instagram.com/v1/users/self',
  dataType: 'jsonp',
  type: 'GET',
  data: {
    access_token: token
  },
  success: function(data) {
    var follows = data['data']['counts']['followed_by'];
    $("#instagram-followers").text(follows);
  },
  error: function(data) {
    console.log(data);
  }
});