ClassList.toggle().....is not working...plz answer me guys....

Question

Everytime I use classlist in sololearn it gives me error like classlist.toggle is undefined....how to fix it??

Answer 1

Here's an example of adding the event after html is loaded:

https://code.sololearn.com/W7Ppyku1Pmp4/?ref=app

Answer 2

Can you please link your code (put it on sololearn playground)?

Answer 3

it's classList, note the capital L

Answer 4

Problem is with sololearn app @arpit.

Answer 5

Lisa i have done it....but still it's not working

Answer 6

Lisa its working fine on other ide but not on sololearn

Answer 7

@lisa yes sure

Answer 8

@lisahttps://code.sololearn.com/WzKxOR2j0gs7/?ref=app

Here is the code

Answer 9

It could be a loading order issue, that means for example the Javascript is loaded before the html is completely loaded and the js cannot find the html elements

There are multiple ways to fix this:

A) query the html element inside the function
function toggle() {
let nav = document.querySelector('.links');
nav.classList.toggle("active");
}

B) But all js code inside of window.onload and then add your toggle function via js to the html element (addEventListener...)
window.onload = function() {
// Here your js

// add toggle() to html element
}

Answer 10

Tech Giant ok bhai thanku

Answer 11

@lisa ok I'll try thanku so much

Answer 12

They just fix my comment section for me, am happy , now I can post thank you. You guys are awesome

Answer 13

How can add link in the center of playground

Answer 14

Bhjk