From 9b41f0c33fdd86484631a6f1c54f23b09cb48b21 Mon Sep 17 00:00:00 2001 From: Niyati Jain Date: Sun, 16 Apr 2023 23:28:59 +0530 Subject: [PATCH] github user finder --- Niyati Jain/task.css | 37 ++++++++++++++++++++++++++++ Niyati Jain/task.html | 57 +++++++++++++++++++++++++++++++++++++++++++ Niyati Jain/task.js | 34 ++++++++++++++++++++++++++ 3 files changed, 128 insertions(+) create mode 100644 Niyati Jain/task.css create mode 100644 Niyati Jain/task.html create mode 100644 Niyati Jain/task.js diff --git a/Niyati Jain/task.css b/Niyati Jain/task.css new file mode 100644 index 0000000..ca39790 --- /dev/null +++ b/Niyati Jain/task.css @@ -0,0 +1,37 @@ + +body { + background-image: url('bg.webp'); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: 100% 100%; + } + h1 { + font-family: 'DynaPuff', cursive; + text-align: center; + text-align: center; + font-size: 120px; + color: white; + } + h1:hover{ + color: #FF8400; + } + .btn:hover{ background: #FF8400; + background-image: -webkit-linear-gradient(top, #FF8400, #F9D949); + background-image: -moz-linear-gradient(top, #FF8400, #F9D949); + background-image: -ms-linear-gradient(top, #FF8400, #F9D949); + background-image: -o-linear-gradient(top, #FF8400, #F9D949); + background-image: linear-gradient(to bottom, #FF8400, #F9D949); + + color: #a30714; + } + + #result { + height: 10px; + position:absolute; + left: 35%; + + } + .image{ + height: 50px; + } + \ No newline at end of file diff --git a/Niyati Jain/task.html b/Niyati Jain/task.html new file mode 100644 index 0000000..55bb9e9 --- /dev/null +++ b/Niyati Jain/task.html @@ -0,0 +1,57 @@ + + + + + + + + + + + + + Github User Finder + + + +
+
+
+ +

+ GITHUB USER FINDER +

+
+
+ +
+
+ +
+
+
+ +
+
+
+ Click on the picture below +
+
+










+

+ +
+ +
+
+ + + + + + + \ No newline at end of file diff --git a/Niyati Jain/task.js b/Niyati Jain/task.js new file mode 100644 index 0000000..4f2a695 --- /dev/null +++ b/Niyati Jain/task.js @@ -0,0 +1,34 @@ + + +function functionName() { + document.querySelector(".box").classList.toggle("b1") + } + + //fetch data from form! + var form = document.getElementById("myForm"); + + + form.addEventListener('submit', function (e) { + + //prevent the auto submission of form + e.preventDefault(); + + var search = document.getElementById("search").value; + + //to remove space in b/w firstName & lastName + var originalName = search.split(' ').join(''); + + document.getElementById("result").innerHTML = ''; + + fetch("https://api.github.com/users/" + originalName) + .then((result) => result.json()) + .then((data) => { + console.log(data) + + document.getElementById("result").classList.add("discription"); + + document.getElementById("result").innerHTML = ` + + ` + }) + }) \ No newline at end of file