JSFiddle - React, Tailwind, and code Playground

by LW

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a type="button" class="button is-primary fileDownload" href="file1.jpg" title="Download Your File" value="1" download>XYZ1</a>
<a type="button" class="button is-primary fileDownload" href="file2.jpg" title="Download Your File" value="2" download>XYZ2</a>
<a type="button" class="button is-primary fileDownload" href="file3.jpg" title="Download Your File" value="3" download>XYZ3</a>
 <div class="columns">
    <div class="column is-full-tablet is-half-desktop is-offset-one-quarter-desktop">
<table class="table">

<tr>
						<td>Filename-2.pdf</td>
						<td>A big pdf</td>
						<td class="has-text-centered">
              <a id="myButton2" class="button is-primary fileDownload" href="file-4.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>
          
</table>
</div>
</div>

JavaScript

$(document).ready(function(){
"use strict";
$(".fileDownload").click(function(){
  clearTimeout();
  console.log("clearTimer");
    setTimeout(function() {
        window.location.reload(true);
        console.log("reload");
      }, 4000);
});
});