log the console log output to a div

HTML

<h3>Console Log in Browser</h3>
<div id="consolelog"></div>

Scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" referrerpolicy="no-referrer"></script>

Javascript

$(document).ready(function(){
if (typeof console  != "undefined") 
    if (typeof console.log != 'undefined')
        console.olog = console.log;
    else
        console.olog = function() {};

console.log = function(message) {
    console.olog(message);
    $('#consolelog').append('<p>' + message + '</p>');
};
console.error = console.debug = console.info =  console.log
console.log("Test Console Message");
});