Show JavaScript console errors on the page
console.log, dom, javascript
Solution
I think @dystroy's 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
Problem
Let's say I have the following code: ``` <script> function billy() { alert('muahahahaha!'); } function suzzy() { return; } </script> ``` and a button like this (with an undefined onclick handler): ``` <input type='button' value='click me' onClick='FRANK()' /> ``` When I click the button, the following appears in the developer console: Function 'FRANK()' is not defined. How could I store that message in a variable and display it on the page? ``` document.getElementById('prompt').innerHTML = log; ``` So it would appear as: ``` <div id='prompt'> Function 'FRANK()' has not been defined. </div> ```