フォームリセット（）機能で入力フィールドをリセットしようとしましたが、動作していません

Question

投稿システムの並べ替えを作成しようとしていますが、ほとんどの部分は機能しますが、ポストボタンをクリックすると、リセットする。 （それは問題ではないようにCodePenがスケルトンコードを設定します）私は、さまざまな方法の束を試してみましたが、それらのどれも働いていないので、ここで私が試した最後のものは次のとおりです。

HTML：

<form id="post" name="write"> 
    <div class="textbox"> 
     <input class="postwriter" name="post" type="text" placeholder="What's on your mind?" id="myPost"> 
     <button id="Post" onclick= "return write_below(this); return formReset();" value="submit" >Post</button> 
    </div> 
</form> 
<div class="posts" id="postDisplay"> 
    <p class="para"><span id='display'></span></p> 
</div> 

を

はJavaScript：

function write_below(form) { 
    var input = document.forms.write.post.value; 
    document.getElementById('display').innerHTML += "<p>" + Math.floor(Math.random()*20) + ": " + input + "</p>" + "<br/>"; 
    return false; 
} 
function formReset(){ 
    document.getElementById("post").reset(); 
} 

Answer 1

あなたonclickは次のようになります。どのトランス

onclick="return write_below(this); return formReset();" 

レイト：

return write_below(this); 
return formReset(); 

最初の復帰後、スクリプトは終了します。最初のリターンを削除します。あなたのコードは次のようになります。

onclick="write_below(this); formReset(); return false;" 

ことを言って、ここでreturn falseは、意味がありませんので、それを取り除きます。

function write_below(form) { 
    var input = document.forms.write.post.value; 
    document.getElementById('display').innerHTML += "<p>" + Math.floor(Math.random()*20) + ": " + input + "</p>" + "<br/>"; 
} 

注：すべてのあなたのIDはあなたのコードが怒っ見ている開発者や誰かを作るかもしれない、似ています。それはあなたの意図ですか？