updated README.md & added dropdown

softwaredeveloperhub01 · softwaredeveloperhub01 · commit 820018f9e8f5 · 2019-08-20T21:41:18.000+05:30
diff --git a/README.md b/README.md
@@ -1,2 +1,8 @@
-# core-js
-Javascript Programmes!!!
+## Description :-
+core-js :- Javascript Programmes!!!
+
+To view the Github Users info....
+
+## To view :-
+
+https://paaarth.github.io/core-js
diff --git a/get_github_data.html b/get_github_data.html
@@ -1,55 +1,66 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <meta charset="utf-8">
     <title>Github Followers</title>
 </head>
+
 <body>
     <div id="userForm">
         <form method="post">
             <input type="text" id="_txtUserName" name="_txtUserName" placeholder="github username" value="">
+            <select id='selectToSee'>
+                <option value="followers">Followers</option>
+                <option value="following">Following</option>
+                <option value="gists">Gists</option>
+                <option value="starred">Starred</option>
+            </select>
             <button type="button" id="button">Get Github Followers</button>
         </form>
     </div>
     <div id="displayUserProfile"></div>
     <script charset="utf-8" type="text/javascript">
         var _userName;
-        document.getElementById("button").addEventListener("click", function() {
+        var _selectToSee;
+        document.getElementById("button").addEventListener("click", function () {
             if (!document.getElementById("_txtUserName").value) {
                 alert("Please enter valid username");
                 return false;
             } else {
                 _userName = document.getElementById("_txtUserName").value;
+                _selectToSee = document.getElementById("selectToSee");
+                _selectToSee = _selectToSee.options[_selectToSee.selectedIndex].value;
                 var xhttp = new XMLHttpRequest();
                 var _userProfileDetails = "https://api.github.com/users/" + _userName;
-                var _userFollowerDetails = "https://api.github.com/users/" + _userName + "/followers";
-                var _userFollowingDetails = "https://api.github.com/users/" + _userName + "/following";
-                var _userGistsDetails = "https://api.github.com/users/" + _userName + "/gists";
-                var _userStarredDetails = "https://api.github.com/users/" + _userName + "/starred";
-                xhttp.onreadystatechange = function() {
+                var _userFollowerDetails = "https://api.github.com/users/" + _userName + "/" + _selectToSee;
+                var _userFollowingDetails = "https://api.github.com/users/" + _userName + "/" + _selectToSee;
+                var _userGistsDetails = "https://api.github.com/users/" + _userName + "/" + _selectToSee;
+                var _userStarredDetails = "https://api.github.com/users/" + _userName + "/" + _selectToSee;
+                xhttp.onreadystatechange = function () {
                     if (this.readyState == 4 && this.status == 200) {
                         var _responseData = JSON.parse(this.responseText);
                         var bindData = document.getElementById("displayUserProfile");
                         if (_responseData.length == undefined) {
-                          bindData.innerHTML +=
-                          `<div>
+                            bindData.innerHTML +=
+                                `<div>
                             <br>
                             <span>UserId:- ` + _responseData.id + `</span>
                             <img height="50px" width="50px" src="` + _responseData.avatar_url + `" />
                             <a href="` + _responseData.html_url + `" target="_blank" ><span>Username:- ` + _responseData.login + `</span></a>
                             <br>
                           </div>`
                         } else {
-                          for (var i = 0; i < _responseData.length; i++) {
-                              bindData.innerHTML +=
-                            `<div>
+                            for (var i = 0; i < _responseData.length; i++) {
+                                bindData.innerHTML +=
+                                    `<div>
                               <br>
                               <span>UserId:- ` + _responseData[i].id + `</span>
                               <img height="50px" width="50px" src="` + _responseData[i].avatar_url + `" />
                               <a href="` + _responseData[i].html_url + `" target="_blank" ><span>Username:- ` + _responseData[i].login + `</span></a>
                               <br>
                             </div>`
-                          }
+                            }
                         }
                     }
                 };
@@ -59,4 +70,5 @@
         });
     </script>
 </body>
-</html>
+
+</html>
