JavaScriptでログを出力する時は、console.logを使う。
ブラウザで動くJavaScriptでconsole.logを使うと、ログは、ブラウザの開発者ツールのコンソールに出力される。

けどたまに、ログをブラウザの画面上に出力したい気持ちになる。
そういう時は、textarea要素を用意して、その中にログを追記していくのがラクと思う。

コードを覚え書きしておく。

<html>
  <head></head>
  <body>

    <textarea name="log" class="log" rows="10" cols="50" disabled></textarea>

    <script type="text/javascript">
      console.log = ((logTextAreaArgument) => {
        let logTextArea = logTextAreaArgument;
        return text => logTextArea.value+=text+'\n';
      })(document.getElementsByClassName('log')[0]);

      console.log('test');
    </script>

  </body>
</html>

console.logを上書きするんじゃなく、別途関数を作ってもいいと思う。