js.erbの書き方について

Question

js.erbファイルでのDOM操作で不明点があり、質問しました。

実現したい機能は、Ajaxで記事にコメントをつける機能です。
以下のerbファイル①にajaxでjs.erbファイルを送り返したいのですがうまくいきません。

・erbファイル

<div id="display_comments">
  <% @article.comments.each do |comment| %>
    <%= render 'mypage/comments/comment', comment: comment %>
  <% end %>
</div>

・js.erbファイル

document.querySelector("#display_comments").innerHTML = 
"<% @article.comments.each do |comment| %>"
 "<%= render 'mypage/comments/comment', comment: comment %>"
"<% end %>"

・エラー画面
https://gyazo.com/f8017f70fb070276fa90bcf313d1d19b

・環境
rails -v: 5.2
ruby -v: 2.6

拙い説明で申し訳ありません。
ご回答お待ちしておりますので、何卒よろしくお願いします！