JSFiddle - React, Tailwind, and code Playground

HTML

<ul></ul>
<script>
    someValue;
</script>
<script>
    (function outerFunction() {
        (function innerFunction() {
            andAnother;
        })();
    })();
</script>

CSS

li {
    font-family: sans-serif;
    font-size: 14px;
    margin-top: 2em;
    margin-bottom: 2em;
}

.stack-trace {
    color: #f00;
    font-family: monospace;
    font-size: 12px;
    padding-left: 10px;
}

JavaScript

var errorData = [];
onerror = function(message, file, line, position, error) {
    errorData.push({message:message, file:file, line:line, position:position, error:error});
    $('ul').empty().append($.map(errorData, function(error) {
        return $('<li></li>').append(''
            + error.message
            + ' at line ' + error.line
            + ', position ' + (error.position+1)
            + ' in ' + error.file
        ).append(
            $('<div class="stack-trace"></div>')
            .append('<br>')
            .append(error.error.stack.replace(/\n/g, '<br>&nbsp;&nbsp;'))
        );
    }));
};