.innerHTML <br> breaking

Question

Why is this breaking? I've not used .innerHTML correctly before and don't know why this would be wrong.

function asdf() {
    document.getElementById("qwerty").innerHTML="A<br>
      B<br>
      C<br>
      D<br>";
}

Misshapen

what do you mean by "breaking"? – Somersomers

Hope the problem is not because of \ !! – Interoceptor

#805607 – Roose

Answer 1

You have to escape new-lines in JavaScript string-literals:

function asdf() {
    document.getElementById("qwerty").innerHTML="A<br>\
      B<br>\
      C<br>\
      D<br>";
}

Though you could, potentially more-easily, simply insert newlines in the string itself:

function asdf() {
    document.getElementById("qwerty").innerHTML = "A<br>\nB<br>\nC<br>\nD<br>";
}

Candlenut

Answer 2

Javascript string literals cannot contain newlines.

You can escape the newlines with backslashes:

var myString = "a\
b";

Shluh