Javascript 文本内容仅显示一段时间的内容（使用addEventListener）

我试图显示键入的文本，但它只显示了一小会儿-不知道为什么

HTML

JS

---

单击“提交”后，键入的文本应显示在框中。

页面将在单击“提交”时刷新，表单将被处理。您可以处理事件对象并调用.preventDefault来取消默认行为，如下所示：

let output= document.getElementById('OUTPUT');
const newSubmit = document.querySelector('input[type=submit]');

function checkNumber(e) {
  document.getElementById('ASD').textContent = output.value;
  e.preventDefault();
}
newSubmit.addEventListener('click', checkNumber, false);

但我建议使用或，如果您想执行其他操作，而不是提交表单

---

此外，请记住关闭您的标签：。。。或者。

页面在提交时刷新，单击表单处理。您可以处理事件对象并调用.preventDefault来取消默认行为，如下所示：

let output= document.getElementById('OUTPUT');
const newSubmit = document.querySelector('input[type=submit]');

function checkNumber(e) {
  document.getElementById('ASD').textContent = output.value;
  e.preventDefault();
}
newSubmit.addEventListener('click', checkNumber, false);

但我建议使用或，如果您想执行其他操作，而不是提交表单

此外，请记住关闭您的标签：。。。或者

let output= document.getElementById('OUTPUT');
const newSubmit = document.querySelector('input[type=submit]');

function checkNumber() {
  document.getElementById('ASD').textContent = output.value;
}
newSubmit.addEventListener('click', checkNumber, false);

let output= document.getElementById('OUTPUT');
const newSubmit = document.querySelector('input[type=submit]');

function checkNumber(e) {
  document.getElementById('ASD').textContent = output.value;
  e.preventDefault();
}
newSubmit.addEventListener('click', checkNumber, false);