Javascript 在页面上显示用户输入

我有一段时间有这个问题，我不太明白。我想将用户输入显示为h1元素。我该怎么做

let allAssignments；
if（localStorage.getItem（“EveryaSignment”））{
allAssignments=JSON.parse（localStorage.getItem（“everyAssignment”））
}否则{
allAssignments=[]
}
函数submitFunc（）{
让name=document.getElementById（“name”）.value；
allAssignments.push（名称）
setItem（“everyAssignment”，JSON.stringify（allAssignments））；
让finalArray=JSON.parse（localStorage.getItem（“everyAssignment”）；
}

提交

您可以这样做：

constsubmitfunc=（）=>{
常量值=document.getElementById（'name'）。值；
const parent=document.createElement（'div'）；
const pTag=document.createElement（'p'）；
pTag.innerText=值；
父母子女（pTag）；
document.body.appendChild（父级）；
}

提交

如果要将其显示为H1元素，可以执行以下操作

    const submitFunc = () => {
      const value = document.getElementById('name').value;
      const parent = document.createElement('div');
      const hTag = document.createElement('h1');
      var node = document.createTextNode(value);
      hTag.appendChild(node);

      parent.appendChild(pTag);
      document.body.appendChild(parent);
    }

这是要使用的标记

<button onclick="submitFunc()">Submit</button>
<input placeholder="Enter Name Here" id="name">

提交