javascript - 将对象附加到 HTML

Question

我有一个 HTML 和一个 JS 文件，我正在尝试将一个对象附加到 HTML。但是当单击按钮时，消息是“undefined:undefined”而不是“Me:Hello!”

非常感谢建议和帮助。

var button = document.querySelector("#send");
var messages = document.querySelector("#messages");
var message =  {
  name: "Me",
  message: "Hello"
}

function sendMessage (message) {
  messages.append(message.name + ":" + message.message);
}

button.addEventListener("click", sendMessage, false);

Answer 1

您不需要在函数中传递消息参数，因为它是全局变量。更改您的功能如下:

function sendMessage() {
  messages.append(message.name + ":" + message.message);
}