Learn localStorage by Building a Todo App - Step 12

Tell us what’s happening:

Hi, can anybody help me please?
Please see code below.

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.

Your code so far:

taskForm.addEventListener("submit", (e) => {
  e.preventDefault();
  const dataArrIndex = taskData.findIndex((item) => item.id === currentTask.id);
  
  const taskObj = {
   id : `${titleInput.value}.toLowerCase().split(' ').join("-")`,
}; 
});

Message:

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 and then use the split() and join() methods to hyphenate it.

Your browser information:

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

Challenge Information:

Learn localStorage by Building a Todo App - Step 12

everything you want executed has to go inside the ${}, including all these methods

Thanks a lot! Working now.

this is not working for me, could you please figure out where i’m getting it wrong?
here is my code,

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

please open your own topic to ask for help