Breaking News: Grepper is joining You.com. Read the official announcement!

Add Todo

Pragya Keshap answered on March 1, 2023 Popularity 3/10 Helpfulness 1/10

answer Add Todo

related How to add todo

Add Todo

Comment

@RequestMapping(value = "/add-todo", method = RequestMethod.POST)
public String addTodo(ModelMap model, @Valid Todo todo,
BindingResult result) {
if (result.hasErrors()) {
return "todo";
}
service.addTodo(retrieveLoggedinUserName(), todo.getDesc(), new
false);
model.clear();
return "redirect:list-todos";
}

Popularity 3/10 Helpfulness 1/10 Language java

Source: Grepper

Tags: add java todo

Link to this answer
Share Copy Link

Contributed on Mar 01 2023

Pragya Keshap

0 Answers Avg Quality 2/10

Closely Related Answers

How to add todo

Comment

// ❌ Bad code with multiple responsibilities
import React, { useState } from 'react';

const TodoApp = () => {

  // Handling state ❌ 
  const [todos, setTodos] = useState([]);
  const [newTodo, setNewTodo] = useState('');

  // Handle input change ❌ 
  const handleInputChange = (e) => {
    setNewTodo(e.target.value);
  };

 // Handle todo logic ❌ 
  const handleAddTodo = () => {
    if (newTodo.trim() !== '') {
      const updatedTodos = [...todos, newTodo];
      setTodos(updatedTodos);
      setNewTodo('');
    }
  };

  const handleDeleteTodo = (index) => {
    const updatedTodos = todos.filter((_, i) => i !== index);
    setTodos(updatedTodos);
  };

  const handleCompleteTodo = (index) => {
    const updatedTodos = todos.map((todo, i) => {
      if (i === index) {
        return { ...todo, completed: !todo.completed };
      }
      return todo;
    });
    setTodos(updatedTodos);
  };

  // ❌  It doesn't provide a clear separation of smaller reusable components. 
  return (
    <div>
      <h1>Todo App</h1>
      <input type="text" 
value={newTodo} onChange={handleInputChange} />
      <button onClick={handleAddTodo}>Add Todo</button>
      <ul>
        {todos.map((todo, index) => (
          <li key={index}>
            <span style={{ textDecoration: todo.completed ? 'line-through' : 'none' }}>{todo.text}</span>
            <button onClick={() => handleDeleteTodo(index)}>Delete</button>
            <button onClick={() => handleCompleteTodo(index)}>
              {todo.completed ? 'Mark Incomplete' : 'Mark Complete'}
            </button>
          </li>
        ))}
      </ul>
    </div>
  );
};

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: dev.to

Tags: add todo typescript

Link to this answer
Share Copy Link

Contributed on Feb 28 2024

Clumsy Crayfish

0 Answers Avg Quality 2/10

Add Todo

Contents

More Related Answers

Add Todo

Closely Related Answers

How to add todo

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.