JSFiddle - React, Tailwind, and code Playground

HTML

<head>
  <title>This is the name of the document</title>
</head>

<body>
  <div id="mailme">
    <p class="docfeedback">
      <a id="mailto" href="" title="">Send us documentation feedback</a>
    </p>
  </div>
</body>

CSS

p.docfeedback
/* only used on master page for feedback link */

{
  text-align: center;
  font: bold 11px Arial;
  text-decoration: none !important;
  background-color: #EEEEEE;
  padding: 5px 9px 5px 9px;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  width: 225px;
}

p.docfeedback a:link,
p.docfeedback a:visited,
p.docfeedback a:hover,
p.docfeedback a:active {
  color: #666;
  text-decoration: none !important;
}

JavaScript

$(document).ready(function() {
   var url = window.location.href; //get url
   var h1Text = $('title').text(); //get h1 text
 	 var email = 'example@example.com';
   var body = url;
   var subject = 'Documentation Feedback for topic: '+h1Text;
   var hrefTitle = 'We welcome your feedback on this documentation. If you cannot send mail from this server, please send your feedback to: '+email;
	$('#mailto').attr('href','mailto:'+email+'?body='+body+'&subject='+subject);
  $('#mailto').attr('title', hrefTitle);
 });