entrada de la pantalla del usuario en la página

Tiwari por:

Estoy teniendo este problema por un tiempo y no acabo de entenderlo. Quiero mostrar la entrada del usuario como un elemento h1. ¿Cómo hago esto?

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">

Quiero crear un elemento div para cada elemento en el almacenamiento local, y utilizar .innerHTML para insertar un elemento h1 con el nombre de cada valor de la matriz. ¿Cómo hago esto?

Ramesh:

Puede hacerlo de esta manera:

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">