JSFiddle - React, Tailwind, and code Playground

by Lars Holm Jensen

HTML

<input type="file" id="fileLoader" name="file" title="Load File"  />

<button id="loadFilter">
Load Filter
</button>

CSS

// CSS
#fileLoader {
    display: none;
}

JavaScript

//$('#loadFilter').on('click', function () {
//    $("#fileLoader").click();
//   console.log("load filter clicked");
//});

document.getElementById("loadFilter").addEventListener("click", e =>
{
	document.getElementById("fileLoader").click();
  console.log("clicked");
});