First JavaScript Web App: Logical Checks

[codingbootcampseu]

• [x] Add a duplicate check for new todos
  • [x] Check if the same todo is already in the list regardless of leading/trailing spaces or letter casing
  • [x] Show an alert() box if the new todo is already in the list
• [x] Clear the input after the new todo has been successfully added to the list

Hints

Use the trim() method to remove leading and/or trailing spaces.

let str = "   test ";
str = str.trim(); // str is now "test"

You can use custom attributes to add additional information to HTML elements.

const li = document.createElement('li');
li.setAttribute('data-todo', newTodoText);

In JavaScript it is possible to dynamically add new keys to existing objects.

const li = document.createElement('li');
li.todo = 'your todo text';

Example Solution and Comparison

• Example solution for this task
• Comparison to previous task

[SzabiSch]

Fehlersuche ist was feines, besonders wenn man Stunden braucht festzustellen was der Fehler sein sollte.