Learn localStorage by Building a Todo App - Step 24

JavaScript
1

Tell us what’s happening:

The question says utilize template literals to set the id, but that is what is done here in this code, is it not…

Your code so far

<!-- file: index.html -->


/* file: styles.css */


/* file: script.js */
// User Editable Region

<div class="task" id = `${id}`> </div>    

// User Editable Region

Your browser information:

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

Challenge Information:

Learn localStorage by Building a Todo App - Step 24

2

Hi there!

Spaces causes problem. Indent your code.

3

how do you indent a code

4

By pressing space bar/back space key on the keyboard.

5

Then this should work…

<div class="task" id =`${id}`></div>
6

[quote="booleanmethod

Isn’t that looking unusual to you regarding code an attribute and it’s value?
Example:

attribute="value"

id=${id}

7

How about the template strings the question said should be used

8

Your code is correct. You need to indent it properly.
When you code an attribute and it’s value. It should not have a space before and after assignment operator. I told you about spacing issue in my previous post.

9

But this does not have a space…

<div class="task" id =`${id}`></div>
10

Brought you a pair of fresh eyes. Can you aren’t see the space before and after = in your above code? Also after }

11

there’s no space here and it still doesn’t work…

<div class="task" id=`${id}`></div>
12

Also remove the template literal strings (back ticks) around ${id}, you need quote marks.

You need like the above, except the ${} around id

13

But the question says template strings

14

If you look above and below the editable region within the code editor, you already have a back tick above and below there. So you didn’t need to add back ticks again. You only need the ${}. It’s for embedding JavaScript variables/elements to the html.

15

It still doesn’t work

16

Post your updated code.

17

<div class="task" id=${id}></div>

18

You haven’t added quote marks around ${id}