I'm making a sample site where I must use JavaScript code for creating a table with five movie titles and posters. I'm a bit stuck -- I can make a table using HTML -- but how do I make a table in Javascript to display the movies? I also have to include the poster for each movie and use *forms* & *elements* arrays. 

So far, I have the starting html page (start.html), where the user clicks a button. When they click the "yes" button, it jumps to movies.html where the Javascript table should be displayed.

**start.html**

```html
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
 <body>

      <h1> Do You Like Action Movies?</h1>

<button id="yesButton" class="float-left submit-button" >Yes</button>

<script type="text/javascript">
    document.getElementById("yesButton").onclick = function () {
        location.href = "actionmovies.html";
    };
</script>

</body>
</html>
```

**movies.html**

```html
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">

<body>

My 5 Favorite Action Movies
<table border ="5">
 <tr>
 <th>Rank</th><th>Name of the movie</th><th>Poster</th>
 </tr>
 <tr>
 <td>1</td><td>Titanic</td><th><img src="titanic_poster.jpg" alt="Titanic" height="50" width="50" ></th>

 </tr>
 <tr>
  <td>2</td><td>Jurassic Park</td><th><img src="park.jpg" alt="Park"height="15" width="15"></th>
 </tr>
 <tr>
  <td>3</td><td>WestWorld</td><th><img src="park.jpg" alt="Park"height="15" width="15"></th>
 </tr>
 <tr>
  <td>4</td><td>Alien</td><th><img src="park.jpg" alt="Park"height="15" width="15"></th>
 </tr>
 <tr>
  <td>4</td><td>Terminator</td><th><img src="park.jpg" alt="Park"height="15" width="15"></th>

 </tr>
 </table>

</body>
</html>
```