teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

ループについて追記

2021/11/05 06:06

投稿

int32_t
int32_t

スコア21933

answer CHANGED
@@ -3,4 +3,6 @@
3
3
  コード内の`buttonscroll`と`button`は同じもののはずで、すでに `movement()` がクリックで呼ばれるようになっているのですから、クラス変更も `movement()` の中でやればよいでしょう。
4
4
 
5
5
  * `container.scrollLeft = container.scrollWidth` を実行した場合は、それ以降は左にしか進めない → `fa-chevron-right` を `fa-chevron-left` に置き換える
6
- * `container.scrollLeft = 0` を実行した場合は、それ以降は右にしか進めない → `fa-chevron-left` を `fa-chevron-right` に置き換える
6
+ * `container.scrollLeft = 0` を実行した場合は、それ以降は右にしか進めない → `fa-chevron-left` を `fa-chevron-right` に置き換える
7
+
8
+ クラスを置換する対象は押されたボタンではなく、ボタンの子供要素で複数あるので、`for (let caret of button.querySelectorAll('.fas')) {` などでループする必要がありますね。