dom – Show JavaScript console errors on the page

dom – Show JavaScript console errors on the page

If you want to display any error of the page in your div, you may use the global event handler onerror :

window.onerror = function(e){
  document.getElementById(prompt).innerHTML = e.toString();
}

Demonstration

---

If your goal is to intercept all what is written by the browser in the console, not only the errors, Im not sure its directly possible as the browser doesnt use the accessible console functions for everything.

But you can do a lot by hooking all global event handlers :

Demonstration

I think @dystroys answer is sufficient here, but if you want proper error handling, you should be using try and catch statements instead..

Demo

function throw_msg() {
    try {
        var a = ;
        alert(b);
    }
    catch(throw_error) {
        document.getElementById(error-box).innerHTML=throw_error.message;
        setTimeout(
            function() {
                document.getElementById(error-box).innerHTML=;
            }, 2000);
    }
}

Explanation for the above code :

We are first creating a function which will be called on click of the button, and than when you click the button, the code in the try block gets executed, if it has any error, we then throw the error using the catch statement where the error message is printed using throw_error.message and at the end, we use setTimeout to clear out the error message in 2000 i.e 2 seconds

dom – Show JavaScript console errors on the page