Переключение класса при клике

/* .RadioTab {display: none;} */ 
 
label { 
  display: inline-block; 
  width: 100px; 
  background-color: #ddd; 
  padding: 5px; 
  text-align: center; 
  cursor: pointer; 
} 
 
.RadioTab:checked + label { 
  border-bottom: 3px solid orange; 
}

<div class="trading__nav-active"> 
  <nav> 
    <input class="RadioTab" name="odin" type="radio" id="CoinVal_1" checked="checked"> 
    <label for="CoinVal_1">1</label> 
     
    <input class="RadioTab" name="odin" type="radio" id="CoinVal_2"> 
    <label for="CoinVal_2">2</label> 
  </nav> 
</div>

let test = document.querySelectorAll('.test'); // Возвращает список элементов 
let lastClicked = test[0]; // Первый элемент из списка (счет начинается с нуля) 
 
for( let i = 0; i < test.length; i++ ){ 
  // Цикл берет и кругами выполняет код. На каждом круге, i является конкретным числом. 
  // Добавляется событие 'клик' на test[0], потом test[1], test[2]... 
  test[i].addEventListener('click', function(){ 
    lastClicked.classList.remove('active'); 
    this.classList.add('active'); 
    // Убрали класс с предыдущего кликнутого элемента, добавили на текущий 
     
    lastClicked = this;  
    // Обновили значение переменной - теперь она ссылается на текущий элемент.  
    // Чтобы на следующем клике, убрать класс уже с этого. 
  }); 
}

.test { 
  display: inline-block; 
  width: 100px; 
  background-color: #ddd; 
  padding: 5px; 
  text-align: center; 
  cursor: pointer; 
} 
 
.test.active { 
  border-bottom: 3px solid orange; 
}

<label class="test">1</label> 
<label class="test">2</label> 
<label class="test">3</label> 
<label class="test">4</label> 
<label class="test">5</label>