jsで暗号化したメールをページ内で複数個所設置したいのですが、ヒアドキュメントで出力するとうまく表示できません

Question

jsで暗号化したメールをページ内で複数個所設置したいのですが、ヒアドキュメントで出力するとうまく表示できません。
レクチャーいただければ幸いです

document.addEventListener('DOMContentLoaded', function() {
const targetElement = document.querySelector('.js-mail');
const HtmlDoc = `
<script type="text/javascript">
<!--
function converter(M){
var str="", str_as="";
for(var i=0;i<M.length;i++){
str_as = M.charCodeAt(i);
str += String.fromCharCode(str_as + 1);
}
return str;
}
function mail_to(k_1,k_2)
{eval(String.fromCharCode(108,111,99,97,116,105,111,110,46,104,114,101,102,32,
61,32,39,109,97,105,108,116,111,58)
+ escape(k_1) +
converter(String.fromCharCode(114,116,102,104,108,110,115,110,45,56,47,48,98,107,63,96,110,107,45,98,110,108,
62,114,116,97,105,100,98,115,60))
+ escape(k_2) + "'");}
document.write('Mail:<a href=JavaScript:mail_to("","")><img src="img/mail.png" alt=""><\/a>');
//-->
</script>
`;
targetElement.insertAdjacentHTML('beforeend', HtmlDoc);
});

 <div class='js-mail'></div>

Answer 1

insertAdjacentHTML()など、HTMLfragment経由のメソッドでは、スクリプトが実行されないようですね。
（仕様の記述を見つけることができませんでしたが）

createElementなどでエレメントのオブジェクトを作成する方法にした方がよさそうです。

Answer 2

スクリプトの中に<script>タグを文字列で埋めこんでますか？
jsは文字列の中でもなんでも「</script>」という文字が来た瞬間に終了します
多少の工夫で対応はできますがスクリプトにスクリプトを書くのは効率も悪いですし
やめたほうがいいと思います。