createElement, insertAdjacentElement, for loop

Community feedback

• 

  Arthur•380

  @arthur-lagePosted over 2 years ago

  Hello again, I cloned your github project and tried to do this, it worked correctly. I used the following code:

  const clearErrors = () => {
    document.querySelectorAll(".error").forEach((error) => {
      error.remove();
    });
  };
  
  checkInputs = () => {
    clearErrors();
    displayErrorSpans();
    displayErrorIcons();
  };
  

  Marked as helpful

  1

  ---

  

  Marissa Huysentruyt•165

  @marissahuysentruytPosted over 2 years ago

  @arthur-lage ok yes. I figured remove() would come into play, but I must not have implemented it correctly. I just needed an extra function!!! Thank you SO MUCH!!!!

  1

  

  Arthur•380

  @arthur-lagePosted over 2 years ago

  @marissahuysentruyt No worries!! I'm glad to help

  0
• 

  Arthur•380

  @arthur-lagePosted over 2 years ago

  Hi! I loved your project, and I'll try to answer some of your questions.

  1 and 4 - An easy way to solve these problems would be deleting all the error elements when validating the form, and checking for errors again and showing them if necessary. When creating the new error elements, make sure to give them classes, so it will be easy to keep track of them and delete them when necessary.

  Marked as helpful

  1

  ---

  

  Marissa Huysentruyt•165

  @marissahuysentruytPosted over 2 years ago

  @arthur-lage Thank you! I'll have to experiment with your advice. Maybe I need an extra if statement somewhere? To check on the error classes, like you said.

  Thanks :)

  1