Изменение класса после нажатия кнопки

form.addEventListener("submit", (e) => {
  const xhr = new XMLHttpRequest();
  const passwordPattern = /^(?=.*[a-z])(?=.*\d)[A-Za-z\d@$!%*?&]{6,}$/;
  const emailPattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/;
  const method = form.method;
  const action = form.getAttribute('th:action');
  const formData = new FormData(form);
 
 
 
  e.preventDefault();
 
 
  xhr.open(method, action, true);
 
  xhr.addEventListener("load", function (event) {
    sendData();
  });
 
  xhr.addEventListener("error", function (event) {
    alert('Что-то пошло не так!');
  });
 
  if (passInput.value.match(passwordPattern) && passInput.value === cPassInput.value && emailInput.value.match(emailPattern)) {
    xhr.send(formData);
    document.getElementById("submitButton").addEventListener("click", function() { // сделать чтобы действие производилось сразу после первого нажатия
      this.classList.add("clicked");
      this.disabled = true;
    });    
  }
});

  if (passInput.value.match(passwordPattern) && passInput.value === cPassInput.value && emailInput.value.match(emailPattern)) {
    xhr.send(formData);
   // document.getElementById("submitButton").addEventListener("click", function() { // сделать чтобы действие производилось сразу после первого нажатия
      this.classList.add("clicked");
      this.disabled = true;
   // });    
  }
});

if (passInput.value.match(passwordPattern) && passInput.value === cPassInput.value && emailInput.value.match(emailPattern)) {
    xhr.send(formData);
      submitButton.classList.add("clicked");
      submitButton.disabled = true;   
  }