javascript - 基本 Javascript onclick 函数调用不起作用

Question

我有一个输入和两个按钮，每个按钮都应该更改输入字段中的文本。如果我直接将一行代码放在 onclick 中，它就可以完美运行。如果我将该行移动到一个单独的函数并尝试通过 onclick 调用它，则什么也不会发生，而且我不知道为什么。

我查看了许多其他有关 onclick 的问题，但似乎没有一个对此有帮助。我很困惑。 JSFiddle 在这里:https://jsfiddle.net/wjw00h44/2/

相关代码:

<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

在 js fiddle 中，单击 javascript 窗口中的设置齿轮图标并更改脚本加载方式。不要将其放在任何一个“on”事件中，而是直接放在 head 或 body 元素中。然后单击“运行”并重试。