Quiero limitar la longitud del almacenamiento local a solo 5. Así que hice un código. Pero no sé cómo lidiar con el límite de longitud.

Ya intenté usar if ~ else en código JavaScript. Creo que tengo que usar if ~ else.

const toDoObj = {
   text: text,
   id: newId
 };

Creo que en el código anterior tengo que hacer un límite en 'id'. Pero me resulta difícil.

function paintTodo(text) {
  const li = document.createElement("li");
  const delBtn = document.createElement("button");
  const span = document.createElement("span");
  const newId = toDos.length + 1;
  delBtn.innerText = "Delete";
  delBtn.addEventListener("click", deleteToDo);
  span.innerText = text;
  li.appendChild(span);
  li.appendChild(delBtn);
  li.id = newId;
  toDoList.appendChild(li);
  const toDoObj = {
    text: text,
    id: newId
  };
  // Below code just meaning pop up window.
  // But, it didn't mean that I could save just 5 values in LOCAL STORAGE.
  if (toDos.length <= 5) {
    toDos.push(toDoObj);
    saveToDos();
  }
  else {
    alert("You just add 5 TO-DO lists.");
  }
}
1
Youngdong Kim 20 oct. 2019 a las 08:03

1 respuesta

La mejor respuesta

Esto es muy simple antes de agregar a todos tienes que agregar check algo como:

 if (toDos.length > 4) {
    alert("You just add 5 TO-DO lists.");
    return false;
 }

Esto vendrá al comienzo de la función paintTodo (texto)

2
RK_oo7 20 oct. 2019 a las 05:46