单击时类不会更改

问：

错误框元素中的按钮执行函数隐藏错误框，但错误框元素的类未被替换。当检查电子邮件是否有效并且相同的函数是否正确执行和工作时，该函数也会在提交表单中使用。事件侦听器是正常的，因为函数内部的控制台日志会执行。可能是什么问题？

https://codepen.io/Chickenbiscuitoo/pen/ExONgaZ

错误框：

<div id="palk_ui_newsletter_error_box"
      class="palk_ui_newsletter_form_group_1_error palk_ui_newsletter_error_hidden">
      <span id="palk_ui_newsletter_error_message"></span>
      <button id="palk_ui_newsletter_error_close">
        <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
          <line x1="7.07031" y1="18.6561" x2="18.384" y2="7.34239" stroke="#9A7C2D" stroke-width="2"
            stroke-linecap="round" />
          <line x1="7.07046" y1="7.34375" x2="18.3842" y2="18.6575" stroke="#9A7C2D" stroke-width="2"
            stroke-linecap="round" />
        </svg>
      </button>
    </div>