How to make a new line in javascript in a single string

Question

I am trying to make new lines (in this single line of text) as you can see in my index.html file, but it is not working, any help? (\n is where the new line should start,
has not worked either.

index.html:

<html>
        <head>
                <title>test</title>
        </head>
<body bgcolor="black">
<font color="green">
<p id="terminal"></p>
<script>
var text = "this is a test\nthis should be on the next line";
var count = 0;
var speed = 50;
function Type() {
        if(count < text.length) {
                document.getElementById("terminal").innerHTML += text.charAt(count);
                count ++;
                setTimeout(Type, speed);
        }
}
Type();
</script>

White space is ignored when you set the innerHTML of an item. You can use <pre> to keep the white space inside of it's tag instead of . — Jimenemex
– Jimenemex, Commented Apr 3, 2018 at 19:35
@LuisfelipeDejesusMunoz I tried telling about how that did not work but stackoverflow saw it as actual html code, when I use it shows up: this is a test this should be on the next line — John Doe
– John Doe, Commented Apr 3, 2018 at 19:36
You've just completely changed your question, to the point where the existing answers don't make sense. Please don't do that. — Heretic Monkey
– Heretic Monkey, Commented Apr 3, 2018 at 19:55
Because it shows a complete disregard for the people who have answered your original question? Please read How to Ask. If you have another question, ask a new question. — Heretic Monkey
– Heretic Monkey, Commented Apr 3, 2018 at 20:02

Jimenemex · Accepted Answer · 2018-04-03 19:47:28Z

3

If you don't want to use   you can easily use the <pre> tag. It's actually easier to use <pre> since you don't have to insert the   at the right location in the DOM.

Taken from the docs.

The HTML pre element represents preformatted text which is to be presented exactly as written in the HTML file.

var text = "this is a test\nthis should be on the next line";
var count = 0;
var speed = 50;

function Type() {
    if(count < text.length) {
        document.getElementById("terminal").innerHTML += text.charAt(count);
        count ++;
        setTimeout(Type, speed);
    }
}
Type();

<html>
  <head>
    <title>test</title>
  </head>
  <body bgcolor="black">
    <font color="green" />
    <pre id="terminal"></pre>
  </body>
</html>

edited Apr 3, 2018 at 19:47

answered Apr 3, 2018 at 19:39

Jimenemex

3,1863 gold badges29 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mwangi Njuguna · Accepted Answer · 2018-04-03 19:41:00Z

0

Substitute the new line \n with break  

answered Apr 3, 2018 at 19:41

Mwangi Njuguna

752 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to make a new line in javascript in a single string

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related