Activating CSS through a HTML button press

Question

I was wondering if you can activate some CSS through an HTML button press or scrolling to a certain point. It's preferred if it's through JS.

Lars Flieger · Accepted Answer · 2021-12-10 16:00:57Z

1

You can use a wrapper class:

const button = document.querySelector("button")
button.addEventListener("click", () => {
  document.body.classList.add("red")
})

.red {
  color: red;
}

<h1>Stackoverflow is nice!</h1>
<p>Great website!</p>
<button>Change CSS</button>

You can build a dark theme with that for example.

answered Dec 10, 2021 at 16:00

Lars Flieger

2,7191 gold badge24 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tidus101 · Accepted Answer · 2021-12-10 16:01:13Z

0

As previously said by @Lain, it is indeed possible. something like someElement.classList.add() or someElement.classlist.toggle() MDN Web API

answered Dec 10, 2021 at 16:01

Tidus101

112 bronze badges