在javascript中输出变量值

output variable value in javascript

本文关键字：变量值 输出 javascript      更新时间：2023-09-26

嗨，我在一个个人网站上工作，并试图使评论框。它仍然是非常基本的，但我有一个按钮，调用一个函数存储的人的名字和评论本身的值，然后希望它输出到某个地方(我不关心在哪里，只是想看到一个输出)

这是我到目前为止得到的一个片段，但它没有做任何事情，我也不知道我在做什么;)所以请救救我

               <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>

要输出内容到HTML中的某个位置，可以使用innerHTML，如下所示:

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

用户innerHTML输出: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;
}

假警报!我的右括号在函数的错误位置!但是，请随意回答并建议一种更好的方法来做到这一点，或者我如何将其输出到html本身

相关文章：