BOOK SEARCH Instructions Add HTML input element with id searchInput inside an HTML container element Add HTML select element with id selectDisplayCount inside an HTML container element Add HTML container element with id searchResults By following the above instructions, achieve the given functionality When a value is entered in the HTML input element with id searchInput and press on Enter key Get title, imageLink, author (HTTP response with key search results) by making HTTP request using fetch with URL https apis ccbp in book store title kalam maxResults 30 Set imageLink in the HTML img element and set author in the HTML paragraph element When a value is entered in the HTML input element with id searchInput and an option is selected in the drop down Make a HTTP GET request to fetch the books based on the title entered and maximum number of results If search results not equal to zero, then append the search results to the HTML container element with id searchResults If search results equal to zero, then display No results found Add loading status with Bootstrap component spinner while making an HTTP request BOOK SEARCH Instructions Add HTML input element with id searchInput inside an HTML container element Add HTML select element with id selectDisplayCount inside an HTML container element Add HTML container element with id searchResults By following the above instructions, achieve the given functionality When a value is entered in the HTML input element with id searchInput and press on Enter key Get title, imageLink, author (HTTP response with key search results) by making HTTP request using fetch with URL https apis ccbp in book store title kalam maxResults 30 Set imageLink in the HTML img element and set author in the HTML paragraph element When a value is entered in the HTML input element with id searchInput and an option is selected in the drop down Make a HTTP GET request to fetch the books based on the title entered and maximum number of results If search results not equal to zero, then append the search results to the HTML container element with id searchResults If search results equal to zero, then display No results found Add loading status with Bootstrap component spinner while making an HTTP request

The Answer is in the image, click to view ...

Question: BOOK SEARCH: Instructions: Add HTML input element with id searchInput inside an HTML container element Add HTML select element with id selectDisplayCount inside an HTML

BOOK SEARCH:

Instructions:

Add HTML input element with id searchInput inside an HTML container element
Add HTML select element with id selectDisplayCount inside an HTML container element
Add HTML container element with id searchResults

By following the above instructions, achieve the given functionality.

When a value is entered in the HTML input element with id searchInput and press on Enter key
Get title, imageLink, author (HTTP response with key search_results) by making HTTP request using fetch with URL https://apis.ccbp.in/book-store?title=kalam&maxResults=30
Set imageLink in the HTML img element and set author in the HTML paragraph element
When a value is entered in the HTML input element with id searchInput and an option is selected in the drop down
Make a HTTP GET request to fetch the books based on the title entered and maximum number of results
If search results not equal to zero, then append the search results to the HTML container element with id searchResults
If search results equal to zero, then display "No results found"
Add loading status with Bootstrap component spinner while making an HTTP request
BOOK SEARCH:

Instructions:
Add HTML input element with id searchInput inside an HTML container element
Add HTML select element with id selectDisplayCount inside an HTML container element
Add HTML container element with id searchResults
By following the above instructions, achieve the given functionality.
When a value is entered in the HTML input element with id searchInput and press on Enter key
Get title, imageLink, author (HTTP response with key search_results) by making HTTP request using fetch with URL https://apis.ccbp.in/book-store?title=kalam&maxResults=30
Set imageLink in the HTML img element and set author in the HTML paragraph element
When a value is entered in the HTML input element with id searchInput and an option is selected in the drop down
Make a HTTP GET request to fetch the books based on the title entered and maximum number of results
If search results not equal to zero, then append the search results to the HTML container element with id searchResults
If search results equal to zero, then display "No results found"
Add loading status with Bootstrap component spinner while making an HTTP request

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Speed Typing Test: Instructions: Add HTML container element with id speedTypingTest Add HTML paragraph elements with id timer, quoteDisplay and result Add HTML textarea element with id quoteInput Add...

I have to create a program in C and I can't figure it out. The program has to read a source file. Please help. /******************************************************************** PROJECT: Glossary...

I need help with these 2 parts because I don't understand what it's asking: Part 1 In this exercise, rewrite the code for a Future Value application that uses JavaScript with jQuery. That will show...

SMILEY PNG Assignment Search DuckDuckGo or type a URI Assignment Tasks To help you organize your approach, detailed instructions are provided below in the form of 4 main tasks. rarh separated into...

Complete the following Exercise Tasks 1. Using the included validate.html file as the starting point, complete the following a. Make the title of the web page Login Form b. Insert the proper tag to...

Design awebsite of your choice .. Most of what has been studied must be applied to the site . HTML heading : Headings are defined with the to tags. defines the most important heading. defines the...

I need help with this assignment. Mine does not turn out right after multiple attempts. Ive pasted in the instructions, the base HTML file and the Base CSS file. Linking CSS Files Enter your name and...

Your boss wants you to make a meme generator. Enter an image URL, and captions to go on the top and bottom. Please nish all steps by following instructions. 1 Create your HTML le. Please create your...

11) Predict the product for the reaction below. Dilute HCI in H,0 and acetone 12) Draw the product(s) for the reaction below. KMNO,/H,0 pH = 7, T = 0 C 13) Draw the correct product for the reaction...

What is the difference between product and period costs?

For a manager reporting historical performance of an open - end mutual fund, the most appropariate measure of return is the: A arithmetic mean retum. B time - weighted rate of return. c

i need correct answrrs 5 8 2

The chapter notes that the rise in the U.S. trade deficit during the 1980s was due largely to the rise in the U.S. budget deficit. On the other hand, the popular press sometimes claims that the...

In 1998, the Russian government defaulted on its debt payments, leading investors worldwide to raise their preference for U.S. government bonds, which are considered very safe. What effect do you...

A case study in the chapter analyzed purchasing-power parity for several countries using the price of Big Macs. Here are data for a few more countries: Predicted Country Big Mac Rate Rate Indonesia...