JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button" id="test">Create File</div>

CSS

div.button {
    background: #fff;
    border: 1px solid;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 15px;
    padding: 0 10px;
    white-space: nowrap;
}
div.button:hover {
    background-color: #f0f0f0;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}

JavaScript

$(document).on('click', '#test', function (event) {
    var link = $("<a/>", {
        "download": "test.xls",
        "href": "data:application/vnd.ms-excel;utf-8,test"
    });
    $("#test").append(link);
    link.get(0).click();
});