Valaki kijavítaná a kódom? HTML+CSS+JS

A CSS-nek style tag-en belül kell lennie mondjuk a HEAD-ben, vagy külön fájlban.

A HTML tagnek nem kell class-t adni!

DOM elemeket megkerestetni JS-sel pedig érdemesebb ma már a querySelector illetve a querySelectorAll-t használni.

De azt is egy script tagen belül, vagy külön egy JS fájlban. És azt általában a Body végére szokás beszúrni.

Többnyire ezek a fő hibák az oldaladdal.

#1: A felsoroltak nem működésbeli hibák.

"A CSS-nek style tag-en belül kell lennie...

...

De azt is egy script tagen belül, vagy külön egy JS fájlban..."

A kérdező - gyanítom kényelemből - egy oldalba sűrítette össze a HTML/CSS/JS kódot.

"A HTML tagnek nem kell class-t adni!"

Tényleg nem kell, ez csak a Modernizr nevű könyvtár:

[link]

számára kell:

[link]

"DOM elemeket megkerestetni JS-sel pedig érdemesebb"

Persze, ez csak divatbeli kérdés, nem a probléma fő okozója.

Kérdező: a Javascript kód - ami a "vegburger" azonpsítójú elemre való kattintáskor a "nav" azonosítójú elem osztályaihoz felviszi/eltávolítja a "menu-active" osztályt - funkcionál:

* kattintás előtt: nincs hozzáadva az osztály: [link]

* kattintás után: hozzá van adva az osztály: [link]

A probléma inkább a CSS-sel van: a Javascript bár "menu-active" osztályt ad hozzá az elemhez, viszont a CSS-ben nincsen hozzá való "menu-active" osztály-definíció, csak "menu_active" van (szóval el lett írva egy kötőjel alulvonásra).

Elfogtam egy nem privát tartalmú üzenetet:

"Szia!

Köszönöm a segítséged!

Azt még elárulnád, hogy amiket küldtél képeket azon található egy vizsgáló, konzol, illetve egy hibakereső fül.

Azokat, hogyan tudom behozni?"

Szervusz,

Firefox alatt: F12 vagy CTRL+Shift+I, vagy Alt, majd Eszközök --> Böngészőeszközök --> Webfejlesztői eszközök:

[link]

Chrome/Chromium(/Opera/...) alatt hasonlóan.

Firefoxban

[link]

alapból ilyen (legalábbis Linuxon nálam ilyen).