I'm trying to create a tile with random colors in a list that would fill the entire page.
There's a couple of questions that I want to ask here. The `random_color` variable only applies to the first box and not the second box. Also, how would I dynamically and automatically create divs that would have random background colors, just like the first box?

```js
var version_1 = ['#111111', '#222222', '#333333', '#444444'];
var random_color = version_1[Math.floor(Math.random() * version_1.length)];
document.getElementById('box').style.background = random_color;
```

```css
html, body {
  margin: 0;
  padding: 0;
}
#box {
  width: 5%;
  padding-bottom: 5%;
  background: #00F;
  color: #FFF;
  position: relative;
}
#innerContent {
   position: absolute;
   left: 10px;
   right: 10px;
   top: 10px;
   bottom: 10px;
}
```

```html
<div id="box">
   <div id="innerContent">
       Box 1
   </div>
</div>
<div id="box">
   <div id="innerContent">
       Box 2
   </div>
</div>
```