在没有Jquery的情况下从多个元素中删除类

Question

寻找 javascript 解决方案，从多个按钮中删除一个类。

我正在尝试管理按钮状态，以便在单击按钮时，单击的按钮状态设置为active，其他按钮重置状态。

到目前为止，我已经得到了关注，它将active状态添加到单击的按钮，但不会重置其他按钮的状态（删除active类）。

main.js

function handleButtonState(context) {
    // Remove "active" class from all buttons

    // Add "active" class to clicked button
    context.classList.add("active");
}

的index.html

<div id="filter_list" class="btn-group btn-group-lg btn-block" role="group">
      <button type="button" class="btn btn-outline-success btn-block filter_list_button" onclick="handleButtonState(this)">Rock</button>
      <button type="button" class="btn btn-outline-success btn-block filter_list_button" onclick="handleButtonState(this)">Folk</button>
      <button type="button" class="btn btn-outline-success btn-block filter_list_button" onclick="handleButtonState(this)">Jazz</button>
    </div>
</div>