### 前提・教えてほしいこと Ruby on Railsでオリジナルアプリを作成しています。コメント機能を非同期通信で実装するためjavascriptを記述しているのですが、送信ボタンを押してもjavascript内でhtmlを正しく記述できていないため、画面に表示されない状態です。送信ボタンを押した際にjavascriptのhtml部分がビューに表示されるよう改善点を教えていただきたいです。 ### 該当するソースコード ```comment_channel.js import consumer from "./consumer" if(location.pathname.match(/\/posts\/\d/)){ consumer.subscriptions.create({ channel: "CommentChannel", post_id: location.pathname.match(/\d+/)[0] }, { connected() { // Called when the subscription is ready for use on the server }, disconnected() { // Called when the subscription has been terminated by the server }, received(data) { const html = `

if (date.comment.user.image?){

}else{

}

${data.comment.user.nickname}

${data.comment.content}

` const comments = document.getElementById("comments") comments.insertAdjacentHTML('beforeend', html) const commentForm = document.getElementById("comment-form") commentForm.reset(); } }) } ``` ```show.html.erb

＜コメント一覧＞

<% if comment.user.image? %> <%= image_tag comment.user.image.url %> <% else %> <%= image_tag("/images/no-image.png") %> <% end %>

<%= comment.user.nickname %>

<%= comment.content %>

<% if user_signed_in? %> <%= form_with model: [@post, @comment], id: "comment-form" do |f| %>

<%= f.text_field :content, id:"comment_content", class:"input-comment", placeholder:"コメントを入力してください"%>

<%= f.submit "送信する", class: :form__btn %>

<% end %> <% else %> ※※※ コメントの投稿には新規登録/ログインが必要です ※※※
<% end %>

``` ### 分からない部分・間違えていると思われる部分私が分からない。間違えていると思っている部分は`

`内の記述です。 - 恐らくhtmlの記述を指定しているのでif文は使えないと考えられる。しかし、使わない場合どのように記述していいか分からない。 - show.html.erb内の`<%= image_tag comment.user.image.url %>`で表示している画像はhtmlで表示するにはどのように記述すればいいか分からない。私なりに調べたり、記述を改変してみたのですが、辿り着いたのが今の記述でここからどのように改変すればよいか分からず困っています。ご教授いただけましたら幸いです。

	@@ -1,1 +1,1 @@
1	- コメント機能でjavascriptの記述を
1	+ 非同期通信のコメント機能でjavascript内のhtmlの記述方法を知りたい。

質問編集履歴