creating newline in javascript using "\n" character

Question

I am writing a very basic code in javascript and I'm looking forward to use "\n" for newline but it seems to not be working.

I have seen alternate solutions in other posts, but I wonder why is "\n" not working here.

Here's my code.

<html>

<body>
    <h2>welcome to java script</h2>
    <script>
        var x = 10;
        var y = 20;
        var sum = x + y;
        var mult = x * y;
        document.write("the sum is " + sum);
        document.write("\n");
        document.write(" the product is " + mult);
    </script>
</body>

</html>

https://stackoverflow.com/questions/5758161/how-do-i-create-a-new-line-in-javascript Please use — Sandeep, Jan 23 '20 at 04:54
Thanks, but I've seen using
as one of the solutions in other posts but my question is why is "\n" not working in my case? — conjuring, Jan 23 '20 at 05:00
with DOM (html) \n won't work as it will be considered normal string. — Sandeep, Jan 23 '20 at 06:15

Mamun · Answer 1 · 2020-01-23T05:06:40.630

The newline character (\n) breaks line within a string not in the document.

To break the line in the document you have to use the HTML <br/> element.

<html>

<body>
    <h2>welcome to java script</h2>
    <script>
        var x = 10;
        var y = 20;
        var sum = x + y;
        var mult = x * y;
        document.write("the sum is " + sum);
        document.write("<br/>");
        document.write(" the product is " + mult);
    </script>
</body>

</html>

score 0 · Answer 2 · answered Jan 23 '20 at 04:55

0

"\n" works in text files.You are writing to the DOM in HTML; the DOM recognizes

<br />

Use that instead.

answered Jan 23 '20 at 04:55

jackthedev

578
5
7

then why does "\n" work in java code – conjuring Jan 23 '20 at 05:01
The question is: when it works in Java, where is that code running? Is it running in the browser? It is about where the code is run and how it is interpreted. – jackthedev Jan 23 '20 at 06:06

creating newline in javascript using "\n" character

2 Answers2