✔ Zeilenumbruch in Variablen

[Sprint]

Hallo zusammen,

hab hier nur mal eine Verständnisfrage. Wo ist das Problem, wenn in einer JS Variablen ein Zeilenumbruch vorkommt? Wenn ich also z.B. sowas in den Quelltext schreibe

var teil2a = '    <div class="table-row">
                    <div class="table-cell-l"></div>
                    <div class="table-cell-r"><h6>Teilnehmerdaten</h6></div>
                </div>';

bringt mir der Browser einen "unexpected EOF" Fehler. Ziehe ich aber alle Zeilen zusammen, funktioniert es.

var teil2a = '    <div class="table-row"><div class="table-cell-l"></div><div class="table-cell-r"><h6>Teilnehmerdaten</h6></div></div>';

Abgesehen davon, daß es später sch... zu lesen ist, geht mir der Sinn dahinter nicht ein. Oder gibt es sogar einen Trick, das zu umgehen?

Danke schon mal im Voraus,
Sprint

 

[Sempervivum]

Ja, Du kannst das umgehen, indem Du Backtics benutzt statt einfacher Hochkommas:

var teil2a = `    <div class="table-row">
                    <div class="table-cell-l"></div>
                    <div class="table-cell-r"><h6>Teilnehmerdaten</h6></div>
                </div>`;

Dann kannst Du auch Variablen einfügen, ähnlich wie in PHP:
https://wiki.selfhtml.org/wiki/JavaScript/Objekte/String/template-literalWas man sich dabei gedacht hat, als man ursprünglich nicht zugelassen hat, dass ein String über mehrere Zeilen geht, ist mir leider nicht bekannt.

 

[Sprint]

Super, vielen Dank für den Tip.

 

[Quaese]

Alternativ kannst du die Zeilen auch mit einem Backslash abschließen.

var teil2a = '    <div class="table-row">\
                    <div class="table-cell-l"></div>\
                    <div class="table-cell-r"><h6>Teilnehmerdaten</h6></div>\
                </div>'

Ciao
Quaese