title: Javascript CreateElement(br)
body: <p>I am trying to create a score keeper display. </p>
  
  <p>I want to keep track of the score using <code>html</code> and <code>javascript</code>. I have everything figured out I think but I can't figure out why the line doesn't break here.</p>
  
  <p>Relevant code:</p>
  
  <pre><code>var br = document.createElement("br");
  var nes = document.createTextNode("---------");
  scorechart.appendChild(br);
  scorechart.appendChild(nc);
  if(tot) {
      scorechart.appendChild(br);
      scorechart.appendChild(nes);
      scorechart.appendChild(br);
      scorechart.appendChild(tot);
  }
  </code></pre>
  
  <p>(For a full view: <a href="https://hastebin.com/osuduluvaj.js" rel="nofollow noreferrer">https://hastebin.com/osuduluvaj.js</a>)</p>
  
  <p>It breaks for everything but the "------" part: <a href="https://media.discordapp.net/attachments/240883852350980096/497957073481629696/sAAAAASUVORK5CYII.png" rel="nofollow noreferrer">https://media.discordapp.net/attachments/240883852350980096/497957073481629696/sAAAAASUVORK5CYII.png</a>
  (I cant upload images yet as a new member)</p>
  
  <p>Thank you :)</p>