JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li><a id="woff" href="#">Ignores filename</a></li>
<li><a id="js" href="#">Doesn't save</a></li>
<li><a id="data" href="#">Works</a></li>
</ul>

JavaScript

$("#js").on("click", function () {
    var d = new Date().toISOString().slice(0, 19).replace(/-/g, "");
    $(this).attr("href", "https://code.jquery.com/jquery-3.3.1.min.js").attr("download", "file-" + d + ".png");
});

$("#woff").on("click", function () {
    var d = new Date().toISOString().slice(0, 19).replace(/-/g, "");
    $(this).attr("href", "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff").attr("download", "file-" + d + ".png");
});

$("#data").on("click", function () {
    var d = new Date().toISOString().slice(0, 19).replace(/-/g, "");
    $(this).attr("href",...