回答編集履歴
5
add comment
test
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
- `.forEach()`で配列のようなものに格納されている要素一つ一つに処理します。
|
|
8
8
|
|
|
9
9
|
```javascript
|
|
10
|
+
// その処理をしたいボタンが1つだけしかないならidで取得
|
|
10
11
|
const btn = document.getElementById('scrollBtn'); // ここid
|
|
11
12
|
btn.addEventListener('mouseover', () => {
|
|
12
13
|
const img = document.getElementById('img-id'); // ここもid
|
4
コードの改行を削除
test
CHANGED
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
});
|
|
15
15
|
|
|
16
16
|
// 複数のボタンに同じ処理をしたいなら、forEach()
|
|
17
|
-
|
|
18
17
|
// ↓[Element, Element, Element]みたいな感じ
|
|
19
18
|
// ↓要素が1つしかなくても配列のようなものに格納される→[Element]
|
|
20
19
|
const btns = document.getElementsByClassName('scrollBtn');
|
3
要素が1つしかなくても配列のようなものに格納される→[Element]
test
CHANGED
|
@@ -13,8 +13,11 @@
|
|
|
13
13
|
img.style.transform = 'scale(1.05, 1.05)';
|
|
14
14
|
});
|
|
15
15
|
|
|
16
|
-
// 複数のボタンに同じ処理をしたいなら、forEach
|
|
16
|
+
// 複数のボタンに同じ処理をしたいなら、forEach()
|
|
17
|
+
|
|
18
|
+
// ↓[Element, Element, Element]みたいな感じ
|
|
19
|
+
// ↓要素が1つしかなくても配列のようなものに格納される→[Element]
|
|
17
|
-
const btns = document.getElementsByClassName('scrollBtn');
|
|
20
|
+
const btns = document.getElementsByClassName('scrollBtn');
|
|
18
21
|
btns.forEach(elem => {
|
|
19
22
|
elem.addEventListener('mouseover', () => {
|
|
20
23
|
const img = document.getElementById('img-id'); // ここもid
|
2
add comment
test
CHANGED
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
- `.forEach()`で配列のようなものに格納されている要素一つ一つに処理します。
|
|
8
8
|
|
|
9
9
|
```javascript
|
|
10
|
-
// その処理をしたいボタンが1つだけしかないならidで取得
|
|
11
|
-
const btn = document.getElementById('scrollBtn');
|
|
10
|
+
const btn = document.getElementById('scrollBtn'); // ここid
|
|
12
11
|
btn.addEventListener('mouseover', () => {
|
|
13
12
|
const img = document.getElementById('img-id'); // ここもid
|
|
14
13
|
img.style.transform = 'scale(1.05, 1.05)';
|
|
@@ -22,4 +21,5 @@
|
|
|
22
21
|
img.style.transform = 'scale(1.05, 1.05)';
|
|
23
22
|
});
|
|
24
23
|
})
|
|
24
|
+
|
|
25
25
|
```
|
1
indent
test
CHANGED
|
@@ -10,16 +10,16 @@
|
|
|
10
10
|
// その処理をしたいボタンが1つだけしかないならidで取得
|
|
11
11
|
const btn = document.getElementById('scrollBtn');
|
|
12
12
|
btn.addEventListener('mouseover', () => {
|
|
13
|
-
|
|
13
|
+
const img = document.getElementById('img-id'); // ここもid
|
|
14
|
-
|
|
14
|
+
img.style.transform = 'scale(1.05, 1.05)';
|
|
15
15
|
});
|
|
16
16
|
|
|
17
17
|
// 複数のボタンに同じ処理をしたいなら、forEach
|
|
18
18
|
const btns = document.getElementsByClassName('scrollBtn'); // [Element, Element]
|
|
19
19
|
btns.forEach(elem => {
|
|
20
20
|
elem.addEventListener('mouseover', () => {
|
|
21
|
-
|
|
21
|
+
const img = document.getElementById('img-id'); // ここもid
|
|
22
|
-
|
|
22
|
+
img.style.transform = 'scale(1.05, 1.05)';
|
|
23
|
-
|
|
23
|
+
});
|
|
24
24
|
})
|
|
25
25
|
```
|