javascriptのdisabledの解除方法を教えてください。

Question

前提・実現したいこと

ボタンを押すと、javascriptでイベントが発火し、ダイヤログが表示されるようになっています。

ここで、「キャンセル」を押すと、現在のページに留まるようになっているのですが、ここから再度、
ボタンを押そうとしても、「disabled」が解除されていない為、押すことができません。
この解除の仕方を教えていただきたいです。

該当のソースコード

javascriptファイルの実行されるコードです。

javascriptファイル

const confirm = () => {
  const form = document.getElementById("itemConfirm");
  form.addEventListener("submit", (e) => {
    e.preventDefault();

    var result = window.confirm('ボタンをクリック！');
    
    if( result ) {
        console.log('OKがクリックされました');
        document.getElementById("itemConfirm").submit();
    }
    else {
        console.log('キャンセルがクリックされました');
        let formElements = document.forms.contactForm;
        formElements.submit.disabled = false;

    }

    
  });
};
window.addEventListener("load", confirm);

.erbファイル

<%= form_with(model: @item, id: 'itemConfirm', html:{name: "contactForm"},local: true) do |f| %>

上記の記述で、disabledは解除できると思うのですが、解除できませんでした。
よろしくお願いいたします。

Answer 1

自身の操作ミスで、解決済みと、記述されてしまったので、再度投稿し直してます。