I'm building a todo app using js, and I've been trying to figure out the logic behind why my deleteTask function is not working. This is my first time building a todo app (started learning web dev this March), and…
I'm working on a simple JavaScript project where I'm building a todo list. The goal is to allow users to add new todo items and delete them by clicking a trash icon. However, I'm having trouble getting the delete functionality…
If page reloaded, splice method returned [0]{'C'} instead of 0:{'B'} todos = [0:{"title":"A"}, 1:{"title":"B"}, 2:{"title":"C"}] //store todos - localStorage deletedTodo = [0,2] // remove A & C from todos - store removed element index - localStorage window.addEventListener("load", (e) => {…
const [addData,setAddData]=useState({ title:"", state:"incomplete", index:0 }) function handleAddPage(event){ setAddData((prev) =>{ return {...prev,[event.target.name]:event.target.value} }) } function AddHandler(event){ event.preventDefault(); const uniq=uuid(); setAddData((prev)=>({ ...prev,[state]:uniq })); setAll([...all,addData]); if(addData.state==="complete") setComplete([...complete,addData]); else if(addData.state==="incomplete") setIncomplete([...incomplete,addData]); } I am trying to pass unique id's with each task.But ,…
I am currently working on a to-do list application using HTML, CSS, and JavaScript. I have a text input field where users can enter their tasks, and a "Add Task" button to add the task to the list. However, I…
if we search for any text in the search bar …we get filtered search results... but the issue is that all other To-dos are gone .. I cant get back to all other Todos .. search function code List<Todos> todList…