From bf8bf91fd03e3a4786a31552edfebfb87c47a1d0 Mon Sep 17 00:00:00 2001
From: shivamcoder73 <123951143+shivamcoder73@users.noreply.github.com>
Date: Mon, 1 May 2023 17:02:57 +0530
Subject: [PATCH] Github Finder- Shivam

---
 shivam-github-finder/githubsearch.html | 30 ++++++++++++++++++++++++++
 shivam-github-finder/script.js         | 27 +++++++++++++++++++++++
 2 files changed, 57 insertions(+)
 create mode 100644 shivam-github-finder/githubsearch.html
 create mode 100644 shivam-github-finder/script.js
diff --git a/shivam-github-finder/githubsearch.html b/shivam-github-finder/githubsearch.html
new file mode 100644
index 0000000..27c1310
--- /dev/null
+++ b/shivam-github-finder/githubsearch.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>GitHub Search User</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+    
+</head>
+<body>
+     <div class="container">
+     <br><br>
+     <h1 style="text-align: center;">Github Search User</h1>
+     <form id="myForm" autocomplete="off">
+        <div class="form-group">
+            <input type="text" class="form-control" id="search" placeholder="Search Username" required>
+        </div>
+        <div class="form-group">
+            <button class="btn btn-primary btn-block">
+                Search User
+                <style></style>
+            </button>
+        </div>
+     </form>
+     <div id="result"></div>
+    </div>
+</body>
+<script src="script.js"></script>
+</html>
\ No newline at end of file
diff --git a/shivam-github-finder/script.js b/shivam-github-finder/script.js
new file mode 100644
index 0000000..6e7d752
--- /dev/null
+++ b/shivam-github-finder/script.js
@@ -0,0 +1,27 @@
+var form= document.getElementById("myForm")
+let link="";
+form.addEventListener('submit', function(e){
+    e.preventDefault()
+
+    var search = document.getElementById("search").value
+    var originalName = search.split(' ').join('')
+    
+    
+    
+    fetch("https://api.github.com/users/"+originalName).then((result) => result.json())
+    .then((data) => {
+        link=data.avatar_url;
+        // console.log(data.avatar_url)
+// console.log(link);
+// console.log(originalName);
+       
+        document.getElementById("result").innerHTML = `<a href="https:github.com/${originalName}">
+        <img src="${link}"/>
+        </a>
+         `
+   
+    })
+    
+})
+
+// console.log(link);
\ No newline at end of file
