Ajax非同期ボタンの実装

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

いいねボタンを例に非同期通信でボタンを実装しようとしております。
アラートなどは表示できるので、ファイル自体は読み込めていると思いますが、IDを受け取っての処理ができません。
ご教授お願いいたします。

エラーメッセージ

ソースコード

EnemyBadsController
class EnemyBadsController < ApplicationController
before_action :post_params
def create
EnemyBad.create(user_id: current_user.id, post_id: params[:id])
end

def destroy
  EnemyBad.find_by(user_id: current_user.id, post_id: params[:id]).destroy
end
private

def post_params
  @post = Post.find(params[:id])
end

end

app/views/enemy_bads/create.js.erb
document.getElementById(post_<%= @post.id %>).innerHTML = '<%= j(render @post) %>'

app/views/enemy_bads/destroy.js.erb
document.getElementById('post_<%= @post.id %>').innerHTML = '<%= j(render @post) %>'

app/views/posts/_post.html.erb

app/views/posts/index.html.erb
<%= form_with(url: search_posts_path, local: true, method: :get, class: "search-form") do |form| %>
<%= form.text_field :keyword, placeholder: "投稿を検索する", class: "search-input" %>
<%= form.submit "検索", class: "search-btn" %>
<% end %>