Add files via upload

DevelopersWork · web-flow · commit b00e5bad84ac · 2017-05-27T12:05:19.000+05:30
diff --git a/auth.js b/auth.js
@@ -0,0 +1,8 @@
+
+function youtubeAPI(){
+        var keys = [
+			'key Replaced  by your own'
+		];
+		var APIKey = keys[Math.floor(Math.random()*keys.length)];
+        return APIKey;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<html>
+	<head>
+		<title>Simple YouTube Channel Search Engine</title>
+		<script src="auth.js"></script>
+		<script src="script.js"></script>
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+	</head>
+	<body>
+		<section id="display" align="center">
+			<input id="searchBar" value="Developers@Work"/>
+			<button type="submit" onClick="buttonClicked()">Submit</button>
+		</section>
+	</body>
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1,54 @@
+var channelId = [],channelTitle = [],channelThumbnail = [],temp =[];
+
+function designHTML(){
+	//document.getElementById('display').innerHTML = '';
+	var count=1;
+	for(var i=0;i<temp.length;i++){
+		$('#display').append('<div id="'+channelId[i]+'"align="center"><img src="'+channelThumbnail[i]+'"/>\
+			<a href="https://youtube.com/channel/'+channelId[i]+'" target="_blank"><H3>'+channelTitle[i]+'</H3></a>\
+			</div>');
+		if(count==3){
+			$('#display').append('<br>');
+			count=1;
+		}
+		if(i==temp.length-1){
+		$('#display').append('<input id="searchBar" value="Developers@Work"/>\
+			<button type="submit" onClick="buttonClicked()">Submit</button>');	
+		}
+		count++;
+	}
+}
+
+
+function searchCode(keyword){
+	this.keyword = keyword || 'Developers@Work';
+	var Api = youtubeAPI();
+	$.get('https://www.googleapis.com/youtube/v3/search',{
+			q:this.keyword,
+			key:Api,
+			type:'channel',
+			part:'snippet'
+		},function(data){
+			temp = data.items;
+			for(var i=0;i<temp.length;i++){
+				channelId[i] = temp[i].snippet.channelId;
+				channelTitle[i] = temp[i].snippet.title;
+				channelThumbnail[i] = temp[i].snippet.thumbnails.default.url;
+			}
+		});
+		designHTML();
+}
+
+function buttonClicked(){
+	var keyword = document.getElementById('searchBar').value;
+	searchCode(keyword);
+	
+}
+
+
+
+
+
+
+
+
