title: output variable value in javascript
body: <p>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)</p>
  
  <p>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</p>
  
  <pre><code>               &lt;section class="body_right_comment_input"&gt;
                      &lt;p&gt; Name: &lt;/p&gt; 
                      &lt;input type="text" id="name_input"/&gt; &lt;/br&gt;
                      &lt;p&gt; Comment:&lt;/p&gt;
                      &lt;textarea id="comment_input"&gt;&lt;/textarea&gt;
                      &lt;button onclick="myFunction()"&gt;Click me&lt;/button&gt;
  
                  &lt;/section&gt;
  
          &lt;script type="text/javascript"&gt;
              function myFunction() {
              var commentName = document.getElementById("name_input").value;
              var commentValue= document.getElementById("comment_input").value;
              document.write(commentName)
              document.write(commentValue)
              }
          &lt;/script&gt;
  </code></pre>