Rendering the Results as HTML
To render the results on a web page, we’ll need to create an HTML file that embeds the GoogleAPI.js file we just created. Because the GoogleAPI object is self-contained, there are no other files that need to be included, but we do need to create a div element with an id of gnews in order to write the widget to the HTML file (Listing 3).
Listing 3: The GoogleAPI Object Renders the Widget in the HTML File (index.html)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
We’ve also included a CSS file called googleapi.css. The CSS offers a lot of flexibility, allowing us to control the design of the results in any way we choose.