Javascript 稍后在HTML中使用onclick（）返回值

我正在尝试实现一个简单的网页用于测试目的

到目前为止，我有：

在HTML中：

<script type="text/javascript" src="main.js"></script>
<p id="message"> 1st Message </a><br>
<input type="button" value="Click Me" onclick="changeMessage()">

第一条消息

changeMessage（）

位于main.js中，返回一个字符串。（“第二条信息”）

单击此按钮后，我希望从“changeMessage”中获取返回值，并将

的值更改为返回值，即“第二条消息”

这可能吗？我尝试使用

innerHTML

属性，但不知道如何使用返回值。

---

嗯，

changeMessage

听起来不应该实际返回一个值，或者至少不应该是一个没有副作用的方法。确保以反映函数功能的方式命名函数

如果在当前代码中保留内联处理程序，则可以执行以下操作：

function changeMessage(message) {
    document.getElementById('message').textContent = message;
}

<input type="button" value="Click Me" onclick="changeMessage('2nd Message')">

功能更改消息（消息）{
document.getElementById（'message'）.textContent=message；
}

有了这个小小的改变，您的API变得更加灵活和富有表现力

---

然而，这依赖于许多不良实践，例如需要全局变量。模块性、可测试性和可伸缩性超出了本答案的范围，但请至少看看哪一个是内联处理程序的更好替代方案。

发布您的代码和您尝试过的内容。为什么不在changeMessage函数中更改

的值？谢谢！传递一个参数实际上会帮助我。

function changeMessage(message) {
    document.getElementById('message').textContent = message;
}

<input type="button" value="Click Me" onclick="changeMessage('2nd Message')">