开发评论区：点击Post按钮时如何清空输入框的值？

嘿，这事儿超简单的！你只需要在现有的post()函数里加一行代码，就能实现点击按钮后清空输入框的效果啦。

修改后的完整代码 #

<input type="text" value="" id="stuffed" /> 
<button onclick="post()">Post</button> 
<script> 
function post(){ 
    var x = document.getElementById("stuffed").value; 
    document.getElementById("paragraph").innerHTML = "&lt;me&gt; " + x;
    // 新增这一行：清空输入框
    document.getElementById("stuffed").value = "";
} 
</script> 
<p style="color: #ffffff;" id="paragraph"></p>

为什么这样有效？ #

当你获取到输入框元素（document.getElementById("stuffed")）后，直接把它的value属性设置为空字符串""，浏览器就会自动清空输入框里的内容啦。这样用户发布完一条评论后，输入框就会回到空白状态，方便输入下一条~

内容的提问来源于stack exchange，提问作者villager1