← CodePrimer
JavaScript
Beginner
Dom
classList toggle
How do I toggle a CSS class?
classList API.
const menu = document.querySelector('#menu');
document.querySelector('#burger')?.addEventListener('click', () => {
menu.classList.toggle('is-open');
});Notes
Keeps styling in CSS; JS only flips state classes.
Keywords: classList · toggle · active · menu
Related
JavaScript
document.getElementById
How do I select one element by id?
JavaScript
document.querySelector
How do I select with a CSS selector?
JavaScript
document.querySelectorAll
How do I select every matching element?
JavaScript
addEventListener click
How do I make a button show an alert?
JavaScript
Arrow function event listener
Can I use an arrow function for events?
JavaScript
Live input event
How do I react as the user types?