<style>
  .highlight {
    background-color: yellow;
    font-weight: bold;
    padding: 10px;
  }
</style>

<p id="text">背景色がついたり消えたりします</p>
<button id="btn">切り替え</button>

<script>
  const text = document.querySelector("#text");
  const btn = document.querySelector("#btn");

  btn.addEventListener("click", () => {
    text.classList.toggle("highlight");
  });
</script>