window.addEventListener('load' , function(){

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

	function getSource(method, url) {

		var xmlhttp = new XMLHttpRequest();

		xmlhttp.open(method, url, true);

		xmlhttp.onload = function () {
			if (this.status === 200) {
				var channels = JSON.parse(this.responseText);



				var output = "";
				// console.log(channels);
				for (var i in channels.follows) {
					console.log(channels.follows[i].channel);
					output += '<div class="channel"><h4>' + channels.follows[i].channel.display_name + '</h4></div>';

					// console.log(channels.follows[i].channel.display_name);
				}

				demo.innerHTML = output;

			}
		}

		xmlhttp.send();
	}

	getSource('GET' , 'https://wind-bow.glitch.me/twitch-api/users/chlenososik/follows/channels');
});