Wie kann ich mit inner HTML und Javascript einen Zeilenumbruch erstellen?

Hallo zusammen,

Ich habe mir HTML und Javascript angefangen und möchte innerhalb eines Java script script in einem Textelement Sachen ausgeben lassen. Aber wie genau kann ich einen Zeilenumbruch mit Javascript auf das Textfeld, welches ich bearbeite übertragen? Für die bearbeitung nutze ich den document.innerHTML Befehl.

Danke schonmal im Vorraus und freundliche Grüße

Answer 1

[threadi]

Sicher, dass Du ein textarea nutzt und nicht ein input-text-Feld? Weil bei letzterem gehen keine Zeilenumbrüche. Siehe auch:
https://stackoverflow.com/questions/19986290/should-i-use-innerhtml-or-value-for-textarea/27898249

Woher ich das weiß: Berufserfahrung

Answer 2

[regex9]

Verwende das value-Property des HTMLTextAreaElement-Elements.

Beispiel:

HTML:

<textarea cols="50" rows="20" id="textfield"></textarea>
<button id="breakBtn">add linebreak</button>

JavaScript:

const textfield = document.getElementById("textfield");
document.getElementById("breakBtn").addEventListener("click", function(evt) {
  textfield.value += "\n";
});