Learn localStorage by Building a Todo App - Step 6

JavaScript
1

Tell us what’s happening:

My code for this step is working, however nothing is proceeding. I have looked on the forum and tried the troubleshooting and confirmed my code is correct. But when i click “Check Your Code”, I see in console that // running tests message, and that the openTaskFormBtn has disappeared. However even after resetting, nothing is happening and I cannot move onto the next step.

Your code so far

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


/* file: styles.css */


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

openTaskFormBtn.addEventListener("click", () => taskForm.classList.toggle('hidden'));

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Learn localStorage by Building a Todo App - Step 6

2

Hi there and welcome to our community!

Inside the callback function, use the classList.toggle() method to toggle the "hidden" class on the taskForm element.

You are applying the toggle to the wrong element:

3

Thank you, i noticed that too late. I also got over the issue stopping me from checking or progressing. refreshing the whole browser a couple of times worked eventually.

1 Like