How to implement a break in text in html with javascript with dreamweaver

Question

My current code is (inbetween the header and body tags, etc):

<script>
    var products = ["Printer", "Router", "Tablet", "Keyboard", "Javascript", "HTML"];
    products.sort();
    document.write(products);
    <br></br>
    document.write("The amount of products in the array is " + products.length);
</script>

However when I run this code nothing turns up on the webpage.

As stated, this is using dreamweaver, specifically dreamweaver CS5.

Can anyone tell me how to get a break between the lines displaying "document.write(products)" and the last document.write without all my code disappearing?

Thanks

Answer 1

Usually you shouldn't use document.write unless you know exactly what you are doing, try to do something like this instead:

<div id="output"></div>
<script>
  var products = ["Printer", "Router", "Tablet", "Keyboard", "Javascript", "HTML"];
  products.sort();
  var el = document.getElementById('output');
  el.innerHTML = products.join(', ') + '<br>' 
    + "The amount of products in the array is " + products.length;
</script>