I\'m trying to set a class to active depending on the url. I\'m trying to use the code below, but in every case, it activates the active class for the second tab.
<
if(pathname = '/learn/subsection2') { // assignment
if(pathname == '/learn/subsection2') { // test for equality
if(pathname === '/learn/subsection2') { // test for equality without type coercion
Use ==
instead of =
in the if
statement.
You used a =
instead of a ==
or ===
in your comparison. This is why many programmers shift the statement around so it throws an error vs. running code unintentionally... its a very common mistake!
Here is an example of the same if
g statement switched around. Had you used this format, but made the same mistake, it would have thrown an error which would have helped you located it faster:
if('/learn/subsection2' == pathname){ ... }
You're using =
instead of ==
, a common programming error. =
is assignment, ==
is comparison.
if (pathname == '/lean/subsection2') { // ...
When using =
, it assigns the string /lean/subsection2
to the variable pathname
and evaluates it as a boolean value, which is always true (it'd have to be false or undefined), so it always takes the positive condition block.
You are assigning rather than checking for equality in your if statement.
if(pathname == '/learn/subsection2') {
...