Selectively redirecting `console.log()` output to an element in the page.

index.html

<div id="output"></div>
<script src="redirectLog.js"></script>

redirectLog.js

/* Create an instance of Logger class in any scope where console.log should be
overridden and name it `console`. */
class Logger {
    log(str) {
        const output = document.querySelector('#output');
        output.textContent = str;
    }
}

const override = () => {
    const console = new Logger();
    console.log('console.log() overridden: logs to the output element');
};
override();

console.log('as usual: logs to the console');