Der Versuch, Eingabefeld mit Formular Reset() -Funktion, aber nicht funktioniert

Question

Ich versuche, eine Art von Posting-System zu erstellen und es funktioniert zum größten Teil, aber wenn die Post-Taste geklickt wird, das Eingabefeld nicht wird zurückgesetzt. Ich habe versucht, eine Reihe von verschiedenen Möglichkeiten, und keiner von ihnen gearbeitet haben, hier so ist der letzte, den ich versucht (CodePen setzt den Skeleton-Code, so wäre es nicht das Problem sein):

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

Ihre onclick wie folgt aussieht:

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

Welche trans lates to:

return write_below(this); 
return formReset(); 

Nach der ersten Rückkehr endet das Skript. Also entferne die erste Rückkehr. Der Code sollte wie folgt aussehen:

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

gesagt haben, dass die return false hier keinen Sinn macht, so es loszuwerden.

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

Hinweis: Alle Ihre IDs sehen ähnlich aus, die die Entwickler oder jemand machen könnte, die Ihren Code verrückt sieht. Ist das deine Absicht?