JSFiddle - React, Tailwind, and code Playground

HTML

Name:<input type="text" name="Name" id="myName" value="Custom Name">
<br>
<button type="button" onclick="download()">Download</button>

JavaScript

function download() {
	var a = document.createElement("a");
  a.href = "/img/logo.png";
  a.download = document.getElementById("myName").value;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}