

I am using a GET request (URL params) for the purpose of this demonstration.Īnd, yes, we can swap stylesheets just like we did in the second method. Then, we let our code (PHP in this case) apply the appropriate body class when the page is reloaded. We can have the user send a GET or POST request. This is a great approach if you prefer working directly in the markup. If we’re already working with a server-side language, say PHP, then we can use it instead of JavaScript.

Here’s a script for a button that will toggle that class, for example: // Select the buttonĬonst btn = document.querySelector('.btn-toggle') ītn.addEventListener('click', function(). The trick here is to swap out a class that can be a hook for changing a style anywhere on the page.
