Javascript, trying to add linebreak inside create text node method
<p>This is my script:</p>

<pre><code>&lt;script&gt;
/*jslint browser:true */
var i;
var out = document.getElementById("output");
var args = ["aaa", "bbb", "ccc", "ddd", 1, 2, 4 + 4];
function displayArgs() {
    "use strict";
    for (i = 0; i &lt; args.length; i++) {
        out.appendChild(document.createTextNode(args[i] + "&lt;br&gt;"));
    }
}

displayArgs(args);
&lt;/script&gt;
</code></pre>

<p>my output so far all appears on a single line with the break tags showing rather than b</p>
