Adicionar e remover classe JavaScript

Eu selecionei um elemento e adicionei a classe ativo nele, agora não estou conseguindo remover a classe quando eu seleciono outro elemento

const article = document.getElementById(id);
article.classList.add('ativo');

Eu preciso remover a classe ativo quando eu clicar em outro elemento article, como faço isso?

Tente assim:

article.classList.remove('ativo');

Ou pode usar assim para alternar:

article.classList.toggle('ativo');

eu preciso remover a classe ativo do item anterior, desta que tu falou não da certo.