```html

``` ```JavaScript const images = [ "https://jpg", "https://jpg", "https://jpg", "https://jpg", "https://jpg", "https://jpg" ] const point = [ document.getElementById("content-top-slide-point1"), document.getElementById("content-top-slide-point2"), document.getElementById("content-top-slide-point3"), document.getElementById("content-top-slide-point4"), document.getElementById("content-top-slide-point5"), document.getElementById("content-top-slide-point6") ]; let currentNum = 0; const header_bg = document.getElementById("header-bg"); const slide_point = document.getElementsByClassName( "content-top-slide-point" ) header_bg.style.backgroundImage = "url(" + images[ currentNum ] + ")"; const prev = document.getElementById("slide-prev"); const next = document.getElementById("slide-next"); prev.addEventListener("click",()=> { if(currentNum === 0) { currentNum = images.length - 1; } else { currentNum --; } header_bg.style.backgroundImage = "url(" + images[ currentNum ] + ")"; for(let i = 0; 0 < point.length; i++) { point[i].classList.remove("content-top-slide-point-color"); } point[currentNum].classList.add("content-top-slide-point-color"); }); next.addEventListener("click",()=> { if(currentNum === images.length - 1) { currentNum = 0; } else { currentNum ++; } header_bg.style.backgroundImage = "url(" + images[ currentNum ] + ")"; for(let i = 0; 0 < point.length; i++) { point[i].classList.remove("content-top-slide-point-color"); } point[currentNum].classList.add("content-top-slide-point-color"); }); ``` 現在スライドショーを作成中ですが、よくあるスライドショーの下にあるスライドショーと連動する丸が上手く作動しません。スライドショーの下にあるスライドショーと連動する丸のイメージ画像 ![イメージ説明](b85243d08e0224be66f89bf5d8b66717.jpeg) ・コードでしていること１．下の一つの丸にだけ「content-top-slide-point-color」という色を黒にするcssのクラスを持たせています。２．nextやprevをクリックされたときに、for文を使って全ての丸から「content-top-slide-point-color」削除しています。３．「currentNum」を使って、特定の1つの丸にだけ「content-top-slide-point-color」のクラスを追加します。・現状 nextやprevをクリックされたときに、「content-top-slide-point-color」削除されて、全ての丸が同じ色になります。 ![イメージ説明](05056770d342167733b2992c6f17dc13.jpeg) ・やりたいこと nextやprevをクリックされたときに、次の丸、若しくは前の丸に「content-top-slide-point-color」のクラスが反映されて、色が変更されるようにしたいです。分かりずらい説明文とコードですみません。修正依頼がある場合は、必ず対応します。ご知恵を拝借したいです。宜しくお願いします。

	@@ -1 +1 @@
1	- JavaScriptで
1	+ JavaScriptでスライドショーの下にある黒丸の連動が上手くいかない

質問編集履歴