Followers API - Embed on website

API
12

Thank you for the resource! I started reading it.

Since my site went live :s would you be willing to when you have a spare moment throw me a bone and give me the code for #1? If i can get 3 of the 4 API calls working i can dig into the 4th and learn more about Java and JSON.

Totally up to you. Regardless I appreciate all the help you have given me.

<div style="display: inline-block;"><img class="top" src="http://s.jtvnw.net/jtv_user_pictures/hosted_images/GlitchIcon_purple.png" alt="title" width="49" height="49" align="center">&nbsp;Title:</div>
<div id="status" style="display: inline-block;">Offline</div>
<script>
var ve = document.getElementById('status');
setInterval(_ => {
    fetch('https://api.twitch.tv/kraken/channels/116300654', {
        headers: new Headers({
            'Client-Id': '//',
            'Accept': 'application/vnd.twitchtv.v5+json'
        })
    }).then(response => response.json()).then(data => {
        ve.textContent = data.status;
    });
}, 10000);
</script>

<div style="display: inline-block;"><img class="top" src="http://s.jtvnw.net/jtv_user_pictures/hosted_images/GlitchIcon_purple.png" alt="game" width="49" height="49" align="center">&nbsp;Playing:</div>
<div id="game" style="display: inline-block;">Offline</div>
<script>
var ve = document.getElementById('game');
setInterval(_ => {
    fetch('https://api.twitch.tv/kraken/channels/116300654', {
        headers: new Headers({
            'Client-Id': '//',
            'Accept': 'application/vnd.twitchtv.v5+json'
        })
    }).then(response => response.json()).then(data => {
        ve.textContent = data.game;
    });
}, 10000);
</script>

<div style="display: inline-block;"><img class="top" src="http://s.jtvnw.net/jtv_user_pictures/hosted_images/GlitchIcon_purple.png" alt="game" width="49" height="49" align="center">&nbsp;Latest Follower:</div>
<div id="name" style="display: inline-block;">Offline</div>
<script>
var ve = document.getElementById('name');
setInterval(_ => {
    fetch('https://api.twitch.tv/kraken/channels/116300654/follows?direction=DESC&limit=1', {
        headers: new Headers({
            'Client-Id': '//',
            'Accept': 'application/vnd.twitchtv.v5+json'
        })
    }).then(response => response.json()).then(data => {
        ve.textContent = data.name;
    });
}, 10000);
</script>

<div style="display: inline-block;"><img class="top" src="http://www.darklyte.tv/wp-content/uploads/2016/10/vote.png" alt="Followers" width="49" height="49">&nbsp; Followers:</div>
<div id="followers" style="display: inline-block;">Offline</div>
<script>
var ve = document.getElementById('followers');
setInterval(_ => {
    fetch('https://api.twitch.tv/kraken/channels/116300654', {
        headers: new Headers({
            'Client-Id': '//',
            'Accept': 'application/vnd.twitchtv.v5+json'
        })
    }).then(response => response.json()).then(data => {
        ve.textContent = data.followers;
    });
}, 10000);
</script>