How to toggle class by a button click?

Question

How to toggle class by a button click?

How to remove a class on the next click from the same button?

  <button onclick="goldborder()" id="btn">Click here</button>

JS:

function goldborder() {
  let boxs = document.getElementById('box');
  boxs.classList.add('bordercolor');
}

Answer 1

You can try this. If the class exists it removes and if not it adds in it.

boxs.classList.toggle('bordercolor');