Submit your assignment

Subject

Category

Deadline

Timezone:

Title *

Task *

{"ops":[{"insert":"Book Search\nIn this assignment, let's build a Book Search page by applying the concepts we learned till now.\nRefer to the below image.\n\nhttps:\/\/assets.ccbp.in\/frontend\/content\/dynamic-webapps\/book_search_output.gif\nJust for not having the image inserting option in this platform, I am giving the url of the image as that we have to generate.\n\nInstructions:\nAdd HTML input element with id\u00a0searchInput\u00a0inside an HTML container element"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Add HTML select element with id\u00a0selectDisplayCount\u00a0inside an HTML container element"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Add HTML container element with id\u00a0searchResults"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"By following the above instructions, achieve the given functionality.\nWhen a value is entered in the HTML input element with id\u00a0searchInput\u00a0and press on\u00a0Enter\u00a0key"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Get title, imageLink, author (HTTP response with key\u00a0search_results) by making HTTP request using\u00a0fetch\u00a0with URL\u00a0https:\/\/apis.ccbp.in\/book-store?title=kalam&maxResults=30"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Set imageLink in the HTML\u00a0img\u00a0element and set author in the HTML paragraph element"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"When a value is entered in the HTML input element with id\u00a0searchInput\u00a0and an option is selected in the drop down"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Make a HTTP GET request to fetch the books based on the title entered and maximum number of results"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"If search results not equal to zero, then append the search results to the HTML container element with id\u00a0searchResults"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"If search results equal to zero, then display \"No results found\""},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Add\u00a0loading\u00a0status with Bootstrap component\u00a0spinner\u00a0while making an HTTP request"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Resources"},{"attributes":{"header":4},"insert":"\n"},{"insert":"Use this Background image:\nhttps:\/\/assets.ccbp.in\/frontend\/dynamic-webapps\/book-search-bg.png\nCSS Colors used:\nText colors Hex code values used:\n#323f4b\n#ffffff\n\nCSS Font families used:\nRoboto"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nRules to be followed:- \nPage should consist of at least three HTML option elements inside an HTML select element with id selectDisplayCount"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nPage should consist of HTML input element of type search with id searchInput inside an HTML container element"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nPage should be using the Bootstrap component Spinner"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nPage should consist of HTML main heading element"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nPage should consist of HTML container element with id searchResults"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nPage should consist of HTML container element with the CSS property background-image"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nPage should consist of HTML select element with id selectDisplayCount inside an HTML container element"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nWhen a value is entered in the HTML input element with id searchInput, x books option is selected in the HTML select element with id selectDisplayCount, an HTTP GET request with a valid url parameters title and maxResults should be made"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nWhen a value is entered in the HTML input element with id searchInput, x books option is selected in the HTML select element with id selectDisplayCount, an HTTP GET request should be made to fetch and display x book items"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nJS implementation should contain addEventListener for keydown event"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nplease Help me.\n"}]}

I need basic explanations

Special Requirements

Fill in the order form to get the price

Upload files (if required)

Account info