click button to download pdf html code example

Example 1: how to make a html file downloader

<!--button-->

<button onclick="save('NAME.html','CODE')"></button>

<script>
function save(filename, html) {
  var el = document.createElement('a');
  el.setAttribute('href', 'data:text/html;charset=utf-8,' + encodeURIComponent(html));
  el.setAttribute('download', filename);
  el.style.display = 'none';
  document.body.appendChild(el);
  el.click();
  document.body.removeChild(el);
}
</script>

<!--or-->
<!--link-->
<a href="the/name/of/your/file.x" download>

Example 2: javascript download file on click

You can trigger a download with the HTML5 download attribute.

<a href="path_to_file" download="proposed_file_name">Download</a>

Tags:

Html Example