Как добавить класс при клике на чистом JS?

var btns = document.getElementsByClassName('intro__btn'); 
var par = document.getElementsByClassName('main'); 
btns[0].onclick = function() { 
  par[0].classList.add("main--main-bg"); 
} 
btns[1].onclick = function() { 
  par[0].classList.remove("main--main-bg"); 
}

.main { 
  color: red; 
} 
 
.main--main-bg { 
  background-color: green; 
}

<p class="main">TEXT</p> 
<button class="intro__btn">Добавить класс</button> 
<button class="intro__btn">Удалить класс</button>