li를 최대 5개까지만 만들 수 있도록 제한하고 싶은데 어떻게 해야하나요??

JavaScript
1

const toDoForm = document.querySelector(".js-toDoForm"),

toDoInput = toDoForm.querySelector("input"),

toDoList = document.querySelector(".js-toDoList");

const TODOS_LS = “toDos”;

let toDos = [];

function delToDo(event){

const btn = event.target;

const li = btn.parentNode;

toDoList.removeChild(li);

const cleanToDos = toDos.filter(function(toDo){

    return toDo.id !== parseInt(li.id);

});

toDos = cleanToDos;

saveToDos();

}

function saveToDos(){

localStorage.setItem(TODOS_LS, JSON.stringify(toDos));

}

function paintToDo(text){

const li = document.createElement("li");

const delBtn = document.createElement("span");

delBtn.innerText = "❌";

delBtn.addEventListener("click", delToDo);

delBtn.className = "toDo_button";

const span = document.createElement("span");

const newId = toDos.length + 1;

span.innerText = text;

li.appendChild(delBtn);

li.appendChild(span);

li.id = newId;

toDoList.appendChild(li);

const toDoObj = {

    text : text,

    id : newId

};

toDos.push(toDoObj);

saveToDos();

}

function handleSubmit(event){

event.preventDefault();

const currentValue = toDoInput.value;

paintToDo(currentValue);

toDoInput.value = "";

}

function loadToDos() {

const loadedToDos = localStorage.getItem(TODOS_LS);

if (loadedToDos !== null) {

    const parsedToDos = JSON.parse(loadedToDos);

    parsedToDos.forEach(function(toDo){

        paintToDo(toDo.text);

    })

}

}

function init() {

loadToDos();

toDoForm.addEventListener("submit", handleSubmit);

}

init();

무작정 따라하다가 막혀서 질문글 올려봅니다
도와주셔서 감사합니다

2

노마드코더 수강생이신가보네요! 반갑습니다 ㅎㅎ
todo를 생성하는 메서드 안에
기존에 있는 todo 아이템 길이가 5이상이면 함수를 종료(return)하는 조건문을 추가하면 될 것 같습니다!

3

답변 감사드립니다!