CodShot
JavaScript Public

Toggle Class on Click

Toggle a CSS class on an element when a button is clicked.

#javascript #dom #ui #beginner
JavaScript
const button = document.querySelector('#menuButton');
const menu = document.querySelector('#menu');

button.addEventListener('click', () => {
    menu.classList.toggle('is-open');
});

Notes

classList.toggle is the simplest way to switch UI states.

Snippet actions

CodShot user
CodShot user
Updated: 2026-06-08 14:33
Public snippets
0
Forks
CodShot AI Help
Ask about CodShot features, plans, workspace, AI limits, referrals, and public help topics.
Hi! I can help you understand how CodShot works. What would you like to know?
For account-specific or sensitive issues, please open a support ticket. Open support