Javascript 按钮点击功能不会设置选项卡标题（仅一秒钟）

我的目的是将选项卡标题更改为用户单击按钮时输入的文本。我认为这是可行的，但只有一瞬间，然后改变回来。非常感谢您的帮助。谢谢

将按钮的类型更改为button，以便单击它不会提交表单。表单中按钮的默认类型为submit，这将导致它提交表单，从而在单击时重新加载页面。显式设置类型可防止此行为

另见：

输入标题文本：

提交

以下是解决方案：-

<button type="button" onclick="hello()">Submit</button>

首先，为了使用按钮的onclick事件，您需要通过使用preventDefault或省略form标记来防止表单的默认行为。在这两种情况下，它的工作原理是相同的

---

然后，为了获得所需的结果，您可以像我在这里使用的那样使用innerHTML。

它似乎被改回，因为您的按钮正在提交表单。我的答案对您有用吗？

<button type="button" onclick="hello()">Submit</button>

<form onsubmit="event.preventDefault()">
  <p>Enter Title Text:</p>
  <div class="title"></div>
  <input type="text">
  <button onclick="hello()">Submit</button>
</form>

function hello() {
  document.querySelector(".title").innerHTML =
  document.querySelector("input").value;
}