JSFiddle - React, Tailwind, and code Playground

HTML

<div id='a1'>
    <p> a1 </p>
    <p> a2 </p>
</div>
<a id='dowload' href='#' data-href='#a1' value='download'>download</a>

JavaScript

$('#dowload').click(function(){
    var id = $(this).attr('data-href');
    var content = $(id).html();
    var blob = new Blob([content], {type : 'application/force-download'});
    var link = URL.createObjectURL(blob);
    $(this).attr('href', link);
    $(this).attr('download', id + '.html');
})