質問編集履歴
5
tuika
test
CHANGED
File without changes
|
test
CHANGED
@@ -21,6 +21,13 @@
|
|
21
21
|
</li>
|
22
22
|
</ul>
|
23
23
|
</div>
|
24
|
+
<div class="slider content-width">
|
25
|
+
<button class="sllider__btn "></button>
|
26
|
+
<button class="sllider__btn"></button>
|
27
|
+
<button class="sllider__btn "></button>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
|
24
31
|
|
25
32
|
```
|
26
33
|
|
4
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,6 +4,27 @@
|
|
4
4
|
Uncaught TypeError: Cannot read properties of null (reading 'classList') at moveToSlide (main.js:16:17) at HTMLDivElement.<anonymous> (main.js:37:4)
|
5
5
|
というエラーが出てきます。(太字のremoveでエラーになっているみたいです)
|
6
6
|
エラーの意味と、解決方法を教えていただきたいです。
|
7
|
+
|
8
|
+
|
9
|
+
```HTML
|
10
|
+
<div class="slide">
|
11
|
+
<div class="images">
|
12
|
+
<ul class="slide__ul">
|
13
|
+
<li class="slide__li">
|
14
|
+
<img src="~~~" class=" slide_img"/>
|
15
|
+
</li>
|
16
|
+
<li class="slide__li">
|
17
|
+
<img src="~~~~" class=" slide_img" />
|
18
|
+
</li>
|
19
|
+
<li class="slide__li">
|
20
|
+
<img src="~~~~" class=" slide_img" />
|
21
|
+
</li>
|
22
|
+
</ul>
|
23
|
+
</div>
|
24
|
+
|
25
|
+
```
|
26
|
+
|
27
|
+
|
7
28
|
|
8
29
|
```JavaScript
|
9
30
|
const ul = document.querySelector('.slide__ul');//track
|
3
タイトル
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
カルーセルのスライドショーについて
|
1
|
+
Cannot read properties of null (reading 'classList') 【JavaScript】カルーセルのスライドショーについて
|
test
CHANGED
File without changes
|
2
文字
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,7 +5,7 @@
|
|
5
5
|
というエラーが出てきます。(太字のremoveでエラーになっているみたいです)
|
6
6
|
エラーの意味と、解決方法を教えていただきたいです。
|
7
7
|
|
8
|
-
```
|
8
|
+
```JavaScript
|
9
9
|
const ul = document.querySelector('.slide__ul');//track
|
10
10
|
const slides = Array.from(ul.children);
|
11
11
|
const slider = document.querySelector('.slider');//Dotsnav
|
@@ -25,7 +25,7 @@
|
|
25
25
|
|
26
26
|
function updateBtn(currentBtn, target_btn){
|
27
27
|
console.log(currentBtn);
|
28
|
-
**
|
28
|
+
******_currentBtn.classList.remove('current-slide');_******
|
29
29
|
target_btn.classList.add('current-slide');
|
30
30
|
|
31
31
|
};
|
@@ -47,4 +47,4 @@
|
|
47
47
|
});
|
48
48
|
|
49
49
|
|
50
|
-
|
50
|
+
|
1
文字
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
下記のコードだと
|
4
4
|
Uncaught TypeError: Cannot read properties of null (reading 'classList') at moveToSlide (main.js:16:17) at HTMLDivElement.<anonymous> (main.js:37:4)
|
5
|
-
というエラーが出てきます。
|
5
|
+
というエラーが出てきます。(太字のremoveでエラーになっているみたいです)
|
6
6
|
エラーの意味と、解決方法を教えていただきたいです。
|
7
7
|
|
8
8
|
```ここに言語を入力
|
@@ -20,12 +20,12 @@
|
|
20
20
|
function moveToSlide(ul , currentSlide , targetSlide){
|
21
21
|
ul.style.transform = 'translateX(-' + targetSlide.style.left + ')';
|
22
22
|
targetSlide.classList.add('current-slide');
|
23
|
-
currentSlide.classList.remove('current-slide');
|
23
|
+
** currentSlide.classList.remove('current-slide');**
|
24
24
|
};
|
25
25
|
|
26
26
|
function updateBtn(currentBtn, target_btn){
|
27
27
|
console.log(currentBtn);
|
28
|
-
currentBtn.classList.remove('current-slide');
|
28
|
+
** currentBtn.classList.remove('current-slide');**
|
29
29
|
target_btn.classList.add('current-slide');
|
30
30
|
|
31
31
|
};
|