用Javascript写一个消息盒子程序

好的，我来为你写一个使用 JavaScript 的消息盒子程序。

首先，我们可以使用 HTML 创建一个用于显示消息的文本框。我们可以使用一个带有特殊类名的 `div` 元素来实现这一点：

<div class="message-box">
  <!-- 这里是消息内容 -->
</div>

接下来，我们可以使用 JavaScript 来更新消息盒子中的内容。为了访问该元素，我们需要使用 `querySelector` 函数来选择它。

const messageBox = document.querySelector('.message-box');

然后，我们可以使用 `innerHTML` 属性来更新消息盒子中的内容。例如，如果要显示一条欢迎消息，我们可以这样做：

messageBox.innerHTML = '<p>欢迎使用消息盒子程序！</p>';

此外，你还可以使用 JavaScript 来添加用户输入的消息，或者添加更多的 HTML 元素，如按钮或链接。

例如，你可以使用一个表单和一个提交按钮，允许用户输入并提交消息：

<form id="message-form">
  <input type="text" placeholder="输入消息">
  <button type="submit">提交</button>
</form>

然后，你可以使用 JavaScript 监听表单提交事件，并在提交时更新消息盒子中的内容：