Can anyone advice me why the allTabs forEach wont work when I am trying to add the `.none` class
?
When clicking second item the other class should disappear but it doesn't,

```js
let allTabs = document.querySelectorAll('.none');

function setActiveTab(tab) {
  allTabs.forEach((tabs) => {
    tabs.classList.add("none")
  })
  let singleTab = document.querySelector(`.${tab}`)
  singleTab.classList.toggle("block")

}
```

```css
.none {
  display: none;
}

.block {
  display: block;
}
```

```html
<div>
<button onclick="setActiveTab('first')">
Test1
</button>
<button onclick="setActiveTab('second')">
Test2
</button>
</div>

<div class="none first">
first tab
</div>

<div class="none second">
second tab
</div>
```