基本的Javascript onclick函数调用不起作用

Basic Javascript onclick function call not working

本文关键字：函数调用 不起作用 onclick Javascript      更新时间：2023-09-26

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

我看过很多其他关于onclick的SO问题，但似乎都没有帮助。我被难住了。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>

在js fiddle中，单击javascript窗口中的settings gear图标并更改脚本的加载方式。不要把它放在任何一个"on"事件中，而是直接放在头部或身体元素中。然后单击"运行"，然后重试。

相关文章：