ページの表示、ユーザー入力

Tiwariさんによります：

私はしばらくの間、この問題を抱えていると私は非常にそれを把握することはできません。私は、H1要素として、ユーザー入力を表示したいです。私はこれをどのように行うのですか？

let allAssignments;

if (localStorage.getItem("everyAssignment")) {
  allAssignments = JSON.parse(localStorage.getItem("everyAssignment"))
} else {
  allAssignments = []
}

function submitFunc() {
  let names = document.getElementById("name").value;
  allAssignments.push(names)
  localStorage.setItem("everyAssignment", JSON.stringify(allAssignments));
  let finalArray = JSON.parse(localStorage.getItem("everyAssignment"));
}

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

私は、ローカルストレージ内の各アイテムのdiv要素を作成し、名前とH1要素を挿入するために.innerHTMLを使用する各配列の値。私はこれをどのように行うのですか？

ラメシュ：

あなたは、このようなことを行うことができます。

const submitFunc = () => {
  const value = document.getElementById('name').value;
  const parent = document.createElement('div');
  const pTag = document.createElement('p');
  pTag.innerText = value;
  parent.appendChild(pTag);
  document.body.appendChild(parent);
}

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