output variable value in javascript [duplicate]

Question

Hi I'm working on a personal website and trying to make a comment box. its still very basic but I have a button that calls a function which stores the values of the name of the person and the comment itself, and then hopefully output it somewhere (I don't care where yet, just want to see an output)

this is a snippet of what I got so far but its not doing anything, and I don't know what I'm doing either ;) so please rescue me

               <section class="body_right_comment_input">
                    <p> Name: </p> 
                    <input type="text" id="name_input"/> </br>
                    <p> Comment:</p>
                    <textarea id="comment_input"></textarea>
                    <button onclick="myFunction()">Click me</button>

                </section>

        <script type="text/javascript">
            function myFunction() {
            var commentName = document.getElementById("name_input").value;
            var commentValue= document.getElementById("comment_input").value;
            document.write(commentName)
            document.write(commentValue)
            }
        </script>

@j08691 how do I output the variables as a comment to the page? I dont know how to do that — Abdul Ahmad
– Abdul Ahmad, Commented Jul 16, 2014 at 3:40
yes I had the closing bracket for the function right after the opening, so the function code was in thin air — Abdul Ahmad
– Abdul Ahmad, Commented Jul 16, 2014 at 3:42
I don't know the full requirements for what you are trying to do here. However, if you are trying to make a UI where you keep making comments and want to display them somewhere else on the page, I would consider learning a template based framework like knockoutJS. It is great for UI composition and building dynamic UIs knockoutjs.com — TGH
– TGH, Commented Jul 16, 2014 at 3:43

Bla... · Accepted Answer · 2014-07-16 03:42:18Z

2

To output something to somewhere in your HTML, you can use innerHTML, which is like this:

document.getElementById('myAnchor').innerHTML="W3Schools";

answered Jul 16, 2014 at 3:42

Bla...

7,2887 gold badges31 silver badges47 bronze badges

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

2 Comments

Abdul Ahmad Over a year ago

how do I specify a location, for example, within a certain section or certin div?

Bla... Over a year ago

It's the same like how you get the value in your code. instead use getElementByTagName..

Nikhil Talreja · Accepted Answer · 2014-07-16 03:45:24Z

1

User innerHTML to output: http://jsfiddle.net/z4hjv/

<section class="body_right_comment_input">
    <p>Name:</p>
    <input type="text" id="name_input" />
    </br>
    <p>Comment:</p>
    <textarea id="comment_input"></textarea>
    <button onclick="myFunction()">Click me</button>
    <span id="comment_result"></span>
</section>

function myFunction() {
    var commentName = document.getElementById("name_input").value;
    var commentValue = document.getElementById("comment_input").value;
    document.getElementById("comment_result").innerHTML = commentName + commentValue;
}

answered Jul 16, 2014 at 3:45

Nikhil Talreja

2,7741 gold badge16 silver badges21 bronze badges

1 Comment

Abdul Ahmad Over a year ago

ohhhh fascinating, I'm going to try this now! thanks!

Abdul Ahmad · Accepted Answer · 2014-07-16 03:39:27Z

1

FALSE ALARM! my closing bracket was in the wrong place for the function! However, feel free to answer and suggest a better way to do this or how I can output this into the html itself

answered Jul 16, 2014 at 3:39

Abdul Ahmad

10.1k16 gold badges76 silver badges136 bronze badges

Collectives™ on Stack Overflow

output variable value in javascript [duplicate]

3 Answers 3

2 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Linked

Related