質問編集履歴

2

innerHTMLで置き換わるようにした

2022/07/01 09:47

投稿

find4423
find4423

スコア0

test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,9 @@
4
4
  ↓/views/users/show
5
5
  ```
6
6
  <%# 歩数カウント 表示を変えたい部分 %>
7
- <p id="step-sum">
7
+ <div id="step-sum">
8
8
  <%= @steps.values.sum %>
9
- </p>
9
+ </div>
10
10
  <%# /歩数カウント %>
11
11
 
12
12
  <% if @user == current_user %>
@@ -38,11 +38,10 @@
38
38
  const step_count =document.getElementById("step-sum");
39
39
  const formStep =document.getElementById("active-step");
40
40
  const item = XHR.response.step;
41
- const html = `
41
+ step_count.innerHTML=`
42
42
  <div class="step-sum">
43
-   item.step
43
+ ${item.step}
44
44
  </div>`;
45
- step_count.insertAdjacentHTML("afterbegin", html);
46
45
  };
47
46
  });
48
47
  };
@@ -90,6 +89,8 @@
90
89
  ### 回答受付後
91
90
  insertAdjacentHTMLに変更。
92
91
  思った位置に表記させることはできたが、数値の取り出し方、合計表記がわからず。
92
+
93
+ insertAdjacentHTMLでは、上に配置されるだけなのでinnerHTMLにして置き換わるように${item.step}で入力された値は置き変わりして表示されるように!!合計の出力の方が、わからず、、、
93
94
 
94
95
 
95
96
 

1

指摘があった通りに訂正

2022/07/01 09:19

投稿

find4423
find4423

スコア0

test CHANGED
File without changes
test CHANGED
@@ -40,9 +40,9 @@
40
40
  const item = XHR.response.step;
41
41
  const html = `
42
42
  <div class="step-sum">
43
- @steps.values.sum
43
+   item.step
44
44
  </div>`;
45
- step_count.innerHTML("afterbegin", html);
45
+ step_count.insertAdjacentHTML("afterbegin", html);
46
46
  };
47
47
  });
48
48
  };
@@ -87,6 +87,9 @@
87
87
  innerHTMLだとどういった表記が適切なのでしょうか?
88
88
  よろしくお願いします。
89
89
 
90
+ ### 回答受付後
91
+ insertAdjacentHTMLに変更。
92
+ 思った位置に表記させることはできたが、数値の取り出し方、合計表記がわからず。
90
93
 
91
94
 
92
95