title: HTML div class conditional URL
body: <p>I Forked an NBA 2K Random Team picker from another user and was tweaking it to my needs. I am stumped on something probably simple for one of you. Thanks in advance.</p>
  
  <p>When the "Randomize" button is clicked, the team "name" and "logo" display. I added a "roster" url to display as well but I want that url to be clickable in to a new tab/window. I can't seem to figure it out.</p>
  
  <p><a href="https://codepen.io/nick-c/pen/dNwMaZ" rel="nofollow noreferrer">https://codepen.io/nick-c/pen/dNwMaZ</a></p>
  
  <p>Below is just the html. I couldn't manage to post all the script and css. </p>
  
  <pre><code>    &lt;div class='container'&gt;
    &lt;div class='title'&gt;
      &lt;img src='http://fluidesign.co.uk/wp content/uploads/2016/12/NBA_2K17_logo.png'/&gt;
    &lt;/div&gt;
    &lt;div class='team home'&gt;
      &lt;h3&gt;Home&lt;/h3&gt;
      &lt;div class='logo'&gt;&lt;/div&gt;
      &lt;div class='name'&gt;?&lt;/div&gt;
      &lt;div class='roster'&gt;Click for Rosters&lt;/div&gt;
      &lt;div class='random'&gt;Randomize&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class='team away'&gt;
      &lt;h3&gt;Away&lt;/h3&gt;
      &lt;div class='logo'&gt;&lt;/div&gt;
      &lt;div class='name'&gt;?&lt;/div&gt;
      &lt;div class='random'&gt;Randomize&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class='vs'&gt;vs&lt;/div&gt;
    &lt;div class='clear'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>