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を上書きするんじゃなく、別途関数を作ってもいいと思う。