html聊天对话框怎么写

  <title>谈天对于话框</title><div id="chat-container">
    <form id="chat-form">
      <input type="text" id="chat-input"><button type="submit" id="chat-send-btn">领送</button>
    </form>
  </div>

  <script>
    const chatForm = document.getElementById('chat-form');
    const chatInput = document.getElementById('chat-input');
    const chatContainer = document.getElementById('chat-container');

    chatForm.addEventListener('submit', (e) => {
      e.preventDefault();
      const message = chatInput.value;
      // 那面措置领送动态的逻辑...
    });

    // 那面措置接管动静的逻辑...
  </script>