基本的なJavascriptのonclick関数呼び出しが機能しない

Question

私は入力フィールドと2つのボタンを持っていますが、それぞれが入力フィールド内のテキストを変更するはずです。私がonclickの中に1行のコードを直接置くと、それは完全に機能します。私が別の関数に行を移動し、onclickを介してそれを呼び出そうとすると、何も起こりません、なぜ私は分かりません。

私はonclickに関する他の多くの質問を見てきましたが、どれもこれに役立たないようでした。私は困惑している。 JSFiddleはここにある：https://jsfiddle.net/wjw00h44/2/

関連するコード：JSフィドルで

<div class="container"> 
    <div class="row"> 
     <div class="col-sm-8"> 
      <input type="text" class="form-control" id="noun-sentence" placeholder="Enter a sentence here"> 
     </div> 
     <button type="button" class="btn btn-default" onclick="document.getElementById('noun-sentence').value = 'go away'">Check</button> 
     <button type="button" class="btn btn-default" id="noun-button" onclick="changeWords()">Check2</button> 
    </div> 
    <p id="test_p"></p> 
</div> 

<script> 
    function changeWords() { 
     document.getElementById('noun-sentence').value = 'go away'; 
     return false; 
    } 
</script> 

Answer 1

、javascriptのウィンドウで設定歯車のアイコンをクリックすると、どのようにスクリプトの負荷を変更します。いずれかの 'on'イベントに入れるのではなく、head要素またはbody要素に直接配置します。次に、「実行」をクリックしてもう一度やり直してください。