```js
function reply_click(clicked_id) {
  console.log(clicked_id);
  var urlObj = new window.URL(window.location.href);
  var url = clicked_id;
  if (url) {
    var win;
    document.querySelector('button').onclick = function() {
      if (win) {
        win.focus();
      } else {
        win = window.open();
        win.document.body.style.margin = '0';
        win.document.body.style.height = '100vh';
        var iframe = win.document.createElement('iframe');
        iframe.style.border = 'none';
        iframe.style.width = '100%';
        iframe.style.height = '100%';
        iframe.style.margin = '0';
        iframe.src = url;
        win.document.body.appendChild(iframe);
      }
      document.querySelector('button').style.background = '#00000';
    };
  }
}
```

```html
<div class="gameslist">
  <h1>Action Games</h1>
  <button id="https://theadvancedsociety-tam.tbt.mx/tam-run3/" onClick="reply_click(this.id)">Run 3</button><br>
  <button id="https://bigfoot9999.github.io/Slope-Game/" onClick="reply_click(this.id)">Slope Game</button><br>
  <h1>Puzzle & Strategy Games</h1>
  <h1>Skill Games</h1>
  <h1>Retro</h1>
  <h1>Shooter Games</h1>
  <h1>Other</h1>

</div>
```

How do I get the 2nd button to load the script and load the correct URL every time, it seems like the button does not work the first time the user presses it? Also, there must be a better way to do this with arrays, and I've never learned about arrays so I need help.