Make Href Clickable in HTML

[fatiharaci]

In my front end i can create song list but links are not clickable.

Need to find a way to update "href" of HTML dynamically

[fatiharaci]

this looks promising:

http://stackoverflow.com/questions/4365246/how-to-change-href-of-a-tag-on-button-click-through-javascript

[fatiharaci]

Using bootstrap and jquery this problem is solved.

<div class="container" >
  <table style="visibility: hidden" class="table" id="final_table">
    <thead>
      <tr>
        <th>Rank</th>
        <th>Song</th>
        <th>Spotify Link</th>
      </tr>
      </thead>
    <tbody>
      <tr>
        <td> 1</td>
        <td id= 0th_song> Lali Puna - Scary World Theory </td>
        <td><a id= 0th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 2</td>
        <td id= 1th_song> Lali Puna - Scary World Theory </td>
        <td><a id=1th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 3</td>
        <td id= 2th_song> Lali Puna - Scary World Theory </td>
        <td><a id= 2th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 4</td>
        <td id= 3th_song> Lali Puna - Scary World Theory </td>
        <td><a id=3th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 5</td>
        <td id= 4th_song> Lali Puna - Scary World Theory </td>
        <td><a id= 4th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 6</td>
        <td id= 5th_song> Lali Puna - Scary World Theory </td>
        <td><a id=5th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 7</td>
        <td id= 6th_song> Lali Puna - Scary World Theory </td>
        <td><a id= 6th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 8</td>
        <td id= 7th_song> Lali Puna - Scary World Theory </td>
        <td><a id=7th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 9</td>
        <td id=8th_song> Lali Puna - Scary World Theory </td>
        <td><a id= 8th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
      <tr>
        <td> 10</td>
        <td id= 9th_song> Lali Puna - Scary World Theory </td>
        <td><a id=9th_link href="http://google.com" target="_blank"
                class = "btn btn-success btn-xs role="button">Listen on Spotify
            </a>
        </td>
      </tr>
</div>