Как создать функцию javascript, которая изменяет html при нажатии кнопки отправки формы в django

Я могу легко обновить html, когда он не является частью submit или button формы. Или даже когда это просто чистый элемент кнопки (а не вход из формы). Однако, когда я пытаюсь добавить строку к

класса "chatGoesHere", ничего не происходит. Консоль также быстро перезагружается, поскольку форма собирается \send.

.

Я с удовольствием выложу свои views.py и urls.py, однако, я уверен, что проблема внутри моего html документа ниже:

<p class="chatGoesHere" id="chatGoesHere"> 1st Item! </p> 

<form action="\send\" method="post">
    <input type="text" name="userMessage" />
    <input type="submit" value="Send to smallest_steps bot" class="sendButt" id="sendButt" />
  </form>
  
  <script>
      var btn = document.getElementById("sendButt");
      btn.addEventListener("click", updateChat);
  
      function createMenuItem(name) {
          let li = document.createElement('p');
          li.textContent = name;
          return li;
      }
      const td = document.getElementById('chatGoesHere');
      td.appendChild(createMenuItem("TEST2"))
  
      function updateChat(){
          const td = document.getElementById('chatGoesHere');
          td.appendChild(createMenuItem("TEST3"))
      }
  </script>

Я бы хотел, чтобы каждый раз, когда пользователь нажимает кнопку отправки формы, что-то добавлялось на страницу без перезагрузки страницы.

Спасибо

Вернуться на верх