Movies near you

To begin adding geolocation to our MovieNow enterprise application, we will first make some adjustments to our page, which we set up in Chapter 3, The App: Structure and Semantics. In the article tag, we will add a button tag and a div tag:

<article>
    <h1>Home Title</h1>
    <p>Home content</p>
    <button id="find-movies">Find Movies</button>
    <div id="movies-near-me">
    </div>
</article>

The button tag will be used to invoke the action to get movie data while the div tag is where the data will land. If all goes well, your screen should display a button labeled Find Movies, as shown in the following screenshot:

Movies near you

Next, you may recall some JavaScript ...

Get HTML5 Enterprise Application Development now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.