Learn localStorage by Building a Todo App - Step 6

JavaScript
1

Tell us what’s happening:

When I check my console, it mentioned “3. Your event listener’s callback function should use the classList.toggle() method to toggle the hidden class on the taskForm element. Refer back to the example provided in the description.
// tests completed
// console output
ReferenceError: Can’t find variable: openTaskFormBtn
[ReferenceError: Can’t find variable: taskForm]”

However, I checked the spellings and other posts. I can’t find what’s wrong in my code

Your code so far

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


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

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

// User Editable Region

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.1.1 Safari/605.1.15

Challenge Information:

Learn localStorage by Building a Todo App - Step 6

2

Hi there!

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Reset” step button and force a refresh of your page with CTRL + F5 if you’re on Windows then try to paste the code in again. On other systems, please follow the instructions here.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

or - Turn off high contrast themes on Windows (from accessibility settings menu)

I hope one of these will work for you.