ToDo App Step 29

JavaScript
1

hi, totally blind. using jaws 2026 screen reader. windows 11 2025. google chrome. now doing the build a to do list. and think theres a bug with the fcc editor. up to step 29. so will then provide my html and javascript code, the link to the step. a bug with the free code camp editor, and have rechedked my code and the code is correct. did reach out to quincy on sunday afternoon. but have not heard back from him. so will paste the information below . if this is a bug, then needs fixing. pasting below:

html:

<button id="toggleBtn" aria-controls="taskForm">Add task</button>



<form id="taskForm" class="hidden" aria-hidden="true">

  <label for="task">Task</label>

  <input id="task" name="task" type="text" />

  <button type="submit">Save</button>

</form>



<script>

// JS

java script:

  const taskForm = document.getElementById('taskForm');

  const toggleBtn = document.getElementById('toggleBtn');



  toggleBtn.addEventListener('click', (e) => {

    e.preventDefault();                      // optional if it's a plain button

    taskForm.classList.toggle('hidden');     // <- required by the test

    const isHidden = taskForm.classList.contains('hidden');



    // keep aria state in sync for screen readers

    taskForm.setAttribute('aria-hidden', String(isHidden));



    // move focus for keyboard users: focus the first control when shown,

    // return focus to button when hidden

    if (!isHidden) {

      const firstControl = taskForm.querySelector('input, textarea, select, button');

      if (firstControl) firstControl.focus();

    } else {

      toggleBtn.focus();

    }

  });

errors:

Sorry, your code does not pass. Keep trying.

You should use classList to toggle the class hidden on taskForm.

step:

:.

2

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

You did not do what the instructions ask for. I would reset the Step and only add the single line of code the instructions requested (it’s really only 1 line).