Hola, tengo este fragmento de código que me permite alternar uno a la vez. Sin embargo, hay un error en el que si hago clic en el primer botón de los dos, hace lo que quiero, pero cuando se hace clic en el segundo botón, no puedo desactivar el primer botón. Sin embargo, si selecciono el segundo botón primero y luego selecciono el primer botón, el segundo botón se desactiva y el primero ahora está activo.

<button type="button" id="b1"class="btn btn-primary " data-bs-toggle="button" value="Toronto" onClick="GetWeatherInfo()">Toronto Oakvile

 var btn1 = document.getElementById('b1'); var btn2 = document.getElementById('b2'); var selectedCity; if (btn1.classList.contains('active')){ btn2.classList.remove("active"); var selectedCity=document.getElementById("b1").value; } else if(btn2.classList.contains('active')){ btn1.classList.remove("active"); var selectedCity=document.getElementById("b2").value; }