Learn localStorage by Building a Todo App - Step 12

JavaScript
1

Step 12

Next, retrieve the values from the input fields and store them in a taskObj object. Each task should also have a unique id.

Create a taskObj object with an id property as the first property. For the value of the id property, retrieve the value of the titleInput field, convert it to lowercase, and then use the split() and join() methods to hyphenate it.

Make sure all of those are in template literals because you need the id property value as a string.

Tell us what’s happening:

Sorry, your code does not pass. You’re getting there.

You should use template strings to get titleInput.value as the value of your id key and convert it to lowercase

Your code so far

 const taskObj = {
    id : `${titleInput.value.toLowerCase().split(' ').join('-')}`,
  };

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0

Challenge Information:

Learn localStorage by Building a Todo App - Step 12

2 
id : `${titleInput.value.toLowerCase().split(' ').join('-')}`

remove that space between the id property and the colon :
it will not affect functionality, just to make the tests happy.

1 Like
3

@MostafaElbadry simple mistake with a big impact, thank you!

1 Like
4

Actually, it’s not a “mistake”.
Your code is right and working, it’s just the syntax the tests need to pass.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.