JSFiddle - React, Tailwind, and code Playground

by LW

HTML

<button type="button" class="btn btn-primary xyz" value="1">XYZ1</button>
<button type="button" class="btn btn-primary xyz" value="2">XYZ2</button>
<button type="button" class="btn btn-primary xyz" value="3">XYZ3</button>

<tr>
						<td>Filename-2.pdf</td>
						<td>A big pdf</td>
						<td class="has-text-centered">
              <a id="myButton2" class="button is-primary fileDownload xyz" href="bilde.jpg" title="Download Your File" value="download" download>
              <span id="demo" class="tag round is-white">2</span> 
              <span class="icon"><i class="fa fa-download"></i></span>
              </a> 
              <a class="is-danger" href="" title="Delete This File"><span class="icon is-medium"><i class="fa fa-trash"></i></span></a>
            </td>
					</tr>

JavaScript

$(".xyz").click(function(){
    alert(this.value);
    // No need for jQuery :$(this).val() to get the value of the input.
    document.location.reload();
});