質問編集履歴
2
新たな方法を試したため。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -360,6 +360,44 @@
|
|
|
360
360
|
|
|
361
361
|
```
|
|
362
362
|
|
|
363
|
+
上記にあるサイトを参考にこちらもためしてみましたがactiveクラスすら追加されませんでした。検証でConsoleを見てみると、エラーは出てませんでした。もう訳が分からなくて困り果てております。
|
|
364
|
+
|
|
365
|
+
いろいろなサイトを見ているのですがJQueryばかりで参考にならないです。
|
|
366
|
+
|
|
367
|
+
```JavaScript
|
|
368
|
+
|
|
369
|
+
function toggleNav() {
|
|
370
|
+
|
|
371
|
+
var body = document.body;
|
|
372
|
+
|
|
373
|
+
var hamburger_menu = document.getElementById('hamburger-menu-Button');
|
|
374
|
+
|
|
375
|
+
var header_menu = document.getElementById("header-menu");
|
|
376
|
+
|
|
377
|
+
|
|
378
|
+
|
|
379
|
+
hamburger_menu.addEventListener('click', function() {
|
|
380
|
+
|
|
381
|
+
body.classList.toggle('active');
|
|
382
|
+
|
|
383
|
+
});
|
|
384
|
+
|
|
385
|
+
header_menu.addEventListener('click', function() {
|
|
386
|
+
|
|
387
|
+
body.classList.remove('active');
|
|
388
|
+
|
|
389
|
+
});
|
|
390
|
+
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
|
|
394
|
+
|
|
395
|
+
toggleNav();
|
|
396
|
+
|
|
397
|
+
```
|
|
398
|
+
|
|
399
|
+
|
|
400
|
+
|
|
363
401
|
|
|
364
402
|
|
|
365
403
|
### 補足情報（FW/ツールのバージョンなど）
|
1
コードを見やすくしました。また回答者様から得られたコードを実行させていただきましたが結果は変わりませんでした。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -34,9 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
```HTML
|
|
38
|
-
|
|
39
|
-
|
|
40
38
|
|
|
41
39
|
<!DOCTYPE html>
|
|
42
40
|
|
|
@@ -106,9 +104,9 @@
|
|
|
106
104
|
|
|
107
105
|
</header>
|
|
108
106
|
|
|
109
|
-
|
|
107
|
+
```
|
|
110
|
-
|
|
108
|
+
|
|
111
|
-
|
|
109
|
+
```CSS
|
|
112
110
|
|
|
113
111
|
/* header */
|
|
114
112
|
|
|
@@ -298,9 +296,9 @@
|
|
|
298
296
|
|
|
299
297
|
}
|
|
300
298
|
|
|
301
|
-
|
|
299
|
+
```
|
|
302
|
-
|
|
300
|
+
|
|
303
|
-
|
|
301
|
+
```JavaScript
|
|
304
302
|
|
|
305
303
|
document.addEventListener('DOMContentLoaded', function toggleNav() {
|
|
306
304
|
|
|
@@ -334,11 +332,33 @@
|
|
|
334
332
|
|
|
335
333
|
toggleNav();
|
|
336
334
|
|
|
337
|
-
|
|
335
|
+
```
|
|
338
336
|
|
|
339
337
|
### 試したこと
|
|
340
338
|
|
|
341
|
-
|
|
339
|
+
こちらのコードを試してみたが結果は変わらなかったです。
|
|
340
|
+
|
|
341
|
+
```JavaScript
|
|
342
|
+
|
|
343
|
+
document.addEventListener('DOMContentLoaded', function() {
|
|
344
|
+
|
|
345
|
+
document.getElementById('hamburger-menu-Button').addEventListener("click",function() {
|
|
346
|
+
|
|
347
|
+
this.classList.toggle("active");
|
|
348
|
+
|
|
349
|
+
document.getElementById('header-menu').classList.toggle("active");
|
|
350
|
+
|
|
351
|
+
});
|
|
352
|
+
|
|
353
|
+
document.getElementById('header_menu_item').addEventListener("click", function() {
|
|
354
|
+
|
|
355
|
+
document.getElementById('header-menu').remove("active");
|
|
356
|
+
|
|
357
|
+
});
|
|
358
|
+
|
|
359
|
+
});
|
|
360
|
+
|
|
361
|
+
```
|
|
342
362
|
|
|
343
363
|
|
|
344
364
|
|