erbからjavascriptに@userのidを渡す

data属性を使う

erbと別ファイルのjavascriptにuserのidなどを渡したいときの書き方です。

erbファイル

<button id="hoge" 
        class="hoge" 
        type="button" 
        data-user-id="<%= @user.id %>" 
        data-post-id="<%= @post.id %>">
  削除
</button>

javascriptファイル

  const button = document.getElementById('hoge');

  const userId = button.dataset.userId;
  const postId = button.dataset.postId;

  console.log('User ID:', userId);
  console.log('Post ID:', postId);

ありがとうございました。

参考記事

データ属性の使用