Pretty print

HTML

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css" defer="defer"></script>
<pre class='prettyprint'>
(function() {
    var foo = 'hello';
    var bar = document.getElementById('bar');
    bar.addEventListener('click', function(event) {
        console.log('bar');
    }, false);
}());
    
</pre>

<p>jjljdj</p>

<pre class='prettyprint'>
<form action='blah.php' method='post'>
    <input type='text' name='foo'/>
    <button>submit</button>
</form>
</pre>

JavaScript

const array = [
    {
      "inbound": 23,
      "outbound": 28,
      "dateTime": "2018-06-23T00:00:00-04:00"
    },
    {
      "inbound": 20,
      "outbound": 24,
      "dateTime": "2018-06-23T01:00:00-04:00"
    },
    {
      "inbound": 33,
      "outbound": 23,
      "dateTime": "2018-06-23T02:00:00-04:00"
    },
    {
      "inbound": 39,
      "outbound": 24,
      "dateTime": "2018-06-23T03:00:00-04:00"
    },
    {
      "inbound": 40,
      "outbound": 30,
      "dateTime": "2018-06-23T04:00:00-04:00"
    },
    {
      "inbound": 37,
      "outbound": 35,
      "dateTime": "2018-06-23T05:00:00-04:00"
    },
    {
      "inbound": 40,
      "outbound": 36,
      "dateTime": "2018-06-23T06:00:00-04:00"
    },
    {
      "inbound": 38,
      "outbound": 31,
      "dateTime": "2018-06-23T07:00:00-04:00"
    },
    {
      "inbound": 28,
      "outbound": 23,
      "dateTime": "2018-06-23T08:00:00-04:00"
    },
    {
      "inbound": 20,
      "outbound": 35,
      "dateTime": "2018-06-23T09:00:00-04:00"
    },
    {
      "inbound": 35,
      "outbound": 40,
      "dateTime": "2018-06-23T10:00:00-04:00"
    },
    {
      "inbound": 24,
      "outbound": 34,
      "dateTime": "2018-06-23T11:00:00-04:00"
    },
    {
      "inbound": 26,
      "outbound": 33,
      "dateTime": "2018-06-23T12:00:00-04:00"
    },
    {
      "inbound": 23,
      "outbound": 35,
      "dateTime": "2018-06-23T13:00:00-04:00"
    },
    {
      "inbound": 30,
      "outbound": 21,
      "dateTime": "2018-06-23T14:00:00-04:00"
    },
    {
      "inbound": 24,
      "outbound": 39,
      "dateTime": "2018-06-23T15:00:00-04:00"
    },
    {
      "inbound": 29,
      "outbound": 31,
      "dateTime": "2018-06-23T16:00:00-04:00"
    },
    {
      "inbound": 20,
      "outbound": 22,
      "dateTime": "2018-06-23T17:00:00-04:00"
    },
    {
      "inbound": 38,
      "outbound": 34,
      "dateTime": "2018-06-23T18:00:00-04:00"
    },
    {
      "inbound": 40,
     ...