JSFiddle - React, Tailwind, and code Playground

by Sadek Chaabene

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function downloadIt() {
  var name = document.getElementsByName("Name")[0].value;
  if (name && name !=='') {
    var link = document.createElement('a');
    link.download = name;
    link.href ="/img/logo.png";  
    link.click();
  }
}
</script>
Name:<input type="text" name="Name" value="Custon Name">
<br>
<button type="button" onclick="downloadIt()">Download</button>