www.webdeveloper.com
Results 1 to 5 of 5

Thread: How to insert a line break in my javascript

  1. #1
    Join Date
    Aug 2011
    Posts
    7

    How to insert a line break in my javascript

    Hello. I am new to javascript and I am stuck. Basically, what I have to do is create a form and when the user hits the submit button everything the user typed in the form will be displayed in another div. I have the coding right, however it displays all in one line instead of being structured like the form. Is there anyway I can have the results displayed like...

    Name:
    Number:
    Email:
    Comments:


    Here is what I have so far....PLEASE HELP! ! !

    <script type="text/javascript">
    function test(){

    var name = document.getElementById('name').value;
    var num = document.getElementById('num').value;
    var email = document.getElementById('email').value;
    var com = document.getElementById('com').value;

    document.getElementById('out').innerHTML = name + " " + num + " " + email + " " + com;
    document.getElementById('out').style.display = "block";

    return false;
    }
    </script>

    </head>

    <body>
    <form action="" onsubmit="return test()">
    <p>
    <label>Name</label>
    <input type="text" id="name" name="name" /><br />
    <label>Number</label>
    <input id="num" type="text" name="num" /> <br />
    <label>Email</label>
    <input id="email" type="text" name="email" /><br />
    <label><br />
    Comments/Questions</label>
    </p>
    <p>
    <textarea name="comments" id="com" cols="30" rows="5"></textarea>

    </p>
    <p><input type="submit" value="Go" /></p>
    </form>

    <div id="out" style="background-color:#FCC">

    </div>

  2. #2
    Join Date
    Aug 2008
    Location
    Phoenix, AZ
    Posts
    84
    document.getElementById('out').innerHTML = name + "<br /> " + num + "<br /> " + email + "<br /> " + com;
    Keep your nose to the grindstone, it sharpens your boogers.

  3. #3
    Join Date
    Aug 2011
    Posts
    7
    How do I have it labeled as:

    Name:
    Number:
    Email:
    Comments:

    Where in the javascript do I write that at?

  4. #4
    Join Date
    Aug 2008
    Location
    Phoenix, AZ
    Posts
    84
    document.getElementById('out').innerHTML = "Name: " + name + "<br />Number: " + num + "<br />Email: " + email + "<br />Comments: " + com;

    That's the easy quick way to do it
    Keep your nose to the grindstone, it sharpens your boogers.

  5. #5
    Join Date
    Aug 2011
    Posts
    7
    Ok. Thank you sooooo much.

Thread Information

Users Browsing this Thread

There are currently 2 users browsing this thread. (0 members and 2 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles