NewLine Code for JavaScript

Question

I have here a working code regarding arrays but i want my input to display in new lines not a single row. I have tried \n but no luck.

Here is my code:

<html>
    <meta charset="UTF-8">
    <head>
        <title>Sample Array</title>
        <script>var index = 0;</script>
    </head> 

    <body>


        Input:
        <input type="text" id="input">
        <input type="button" value="GO" onClick="press(input.value)">

        <p id = "display">

        <script>

            var sample = new Array();

            function press(Number)
            {

                if ( Number != '' )
                {
                    sample[index] = Number;
                    document.getElementById("display").innerHTML += sample[index] + "\n";
                    index++;

                }   

                else
                    alert("empty");
            }       

        </script>

    </body>
</html>

I want to code the newline within the document.getElementById. Thanks in advance.

i forgot about that. thanks.

Marc Intes
– Marc Intes

2014-01-16 18:08:54 +00:00
Commented Jan 16, 2014 at 18:08 — Marc Intes
– Marc Intes, Commented Jan 16, 2014 at 18:08

thermite · Accepted Answer · 2014-01-16 18:08:14Z

4

You're dealing with HTML which treats most white space characters as a single space. Just concatenate a <br>:

document.getElementById("display").innerHTML += sample[index] + "<br>";

edited Jan 16, 2014 at 18:08

thermite

5026 silver badges21 bronze badges

answered Jan 16, 2014 at 18:04

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

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

4 Comments

Marc Intes Over a year ago

Thanks alot! works like charm. Also i want to add something, is there any way to clear the input box after i press the button?

thermite Over a year ago

@MarcIntes stackoverflow.com/questions/7174265/…

Marc Intes Over a year ago

I can now continue with my project. Thanks for the help.

bfavaretto Over a year ago

For the record, document.getElementById('input').value = '', @MarcIntes. And it's safer to always use getElementById; referencing the id directly works on most (all?) browsers, but it's non-standard.

Collectives™ on Stack Overflow

NewLine Code for JavaScript

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related