Javascript 单击事件后的脚本打印

我正在做一个项目，并使用JavaScript打印到HTML页面上。我希望能够单击，然后让脚本得到执行，并在HTML打印。我有两个单独的JS文件，一个用于我正在使用的动画，另一个用于将文本打印到HTML上。我已经在锚标记内尝试了onclick=“document.write（'showFizzBuzz'）），但是我在localhost中遇到了一个违规错误，无法将onclick与document.write一起使用。目前，它只是在我的页脚下打印我的脚本。有什么建议吗

下面是我的两个JS文件

$(function() {
    $('.btn-6')
        .on('mouseenter', function(e) {
            var parentOffset = $(this).offset(),
                relX = e.pageX - parentOffset.left,
                relY = e.pageY - parentOffset.top;
            $(this).find('span').css({ top: relY, left: relX })
        })
        .on('mouseout', function(e) {
            var parentOffset = $(this).offset(),
                relX = e.pageX - parentOffset.left,
                relY = e.pageY - parentOffset.top;
            $(this).find('span').css({ top: relY, left: relX })
        });
    $('[href=#]').click(function() { return false });
});

var和；
var i；
写下“结果！”，“”；
总和=0；
对于（设i=1；i您应该尽可能避免内联事件，并且应该对
a
使用
.innerText（）
方法

你应该这样做-

document.querySelector('a.btn-6').addEventListener((e)=> {
  e.target.innerText = 'showFizzBuzz';
});

不要使用
document.write（）
，使用DOM方法。
document.getElementById（“innerTextOutput”）.onclick=function changeContent（）{for（设i=1；i注释不应用于代码段。此外，如果您多次使用
innerTextOutput
节点，那么最好只在
const innerTextOutput
下声明一次。谢谢您的建议，我们将尝试一下！
    <div class="wrap">
      <a class="btn-6" href="#" onclick = "(document.write('showFizzBuzz'))">FizzBuzz<span>. 
      </span></a>
    </div>

document.querySelector('a.btn-6').addEventListener((e)=> {
  e.target.innerText = 'showFizzBuzz';
});