populating textarea with javascript, adding line breaks

Question

I'm trying to populate the value of a textarea in my html with javascript. My script below basically does that, however I'm trying to figure out how to insert a line break in my value (between 'date' and 'text').

Basically, as written, my script gives this result...

On Dec. 25 you replied: Merry Christmas!

However, I would like it to read as...

On Dec. 25 you replied:
Merry Christmas!

<script>
function myFunction() {
  document.getElementById("myTextarea").value = `On ${date} you replied: ${text}`;
}
</script>

Wouldn't this existing post work for you?: https://stackoverflow.com/a/13485082/1188197 — EspressoBeans, Mar 27 '20 at 17:49

score 1 · Accepted Answer · answered Mar 27 '20 at 17:49

1

Just add \n in the string to push it to a new line.

  <script>
    let date= "11/01/2020";
    let text= "Merry Christmas!";
    function myFunction() {
      document.getElementById("demo").value= `On ${date} you replied: \n${text}`;
    }
    </script>

answered Mar 27 '20 at 17:49

Mr Khan

2,139
1
7
22

thank you. as posted below, I must have typed it in wrong initially. stupid brain lapse. – rickel_pick Mar 27 '20 at 19:34

Udo E. · Answer 2 · 2020-03-27T17:58:03.033

1

Simple add the new line escape sequence character: \n

<script>
function myFunction() {
  document.getElementById("myTextarea").value = `On ${date} you replied: \n${text}`;
}
</script>

edited Mar 27 '20 at 17:58

answered Mar 27 '20 at 17:49

Udo E.

2,665
2
21
33

duh, I had tried that and it wasn't working, but I stupidly had typed it in wrong initially. thanks. – rickel_pick Mar 27 '20 at 19:32
@rickel_pick welcome. great to be of help – Udo E. Mar 27 '20 at 22:26

populating textarea with javascript, adding line breaks

2 Answers2