ICP 4 - puji1826/Web GitHub Wiki

Web Programing ICP-4

video link :https://umsystem.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=da3f352e-120d-44f6-9472-ada80181cd03

---

Task 1: Hover Image When user mouse hovers on the image, it should change the background of the empty frame with relevant image and text.

Implementation

HTML Code

CSS Code

Java Code:

Write the Java script by using document.getElementById to hover an image to display there

Output-1

Output-2

---

Task 2: Find Me Create an app which makes the call to the GitHub API (https://api.github.com/) and displays user's account details when any user is searched by username

Implementation

HTML Code

Create a html page provide the bootstrap,javascript and jquery links in the header tag and provide label for the username and button to search for the user

CSS code

Design your own styles for the Web page

jquery code

JavaScript code

Create a get request with given username and Show/Hide user details if user is found/not found.

Output