Preciso que o botão mude de cor toda vez que clicado, eu utilizei o focus mas não me traz o resultado esperado, pq depois que o botão é clicado, o usuário precisa clicar em outro canto, sendo assim, o background da cor volta ao normal.
<div class="container">
<div class="row">
<div class="col-sm">
<button type="button" class="btn btn-primary bot-click" id="E" onclick="botaoClicado(this.id)" value="Red">CASA FECHADA</button>
</div>
<div class="col-sm">
<button type="button" class="btn btn-primary bot-click" id="D" onclick="botaoClicado(this.id)" value="Red">ENDEREÇO NÃO LOCALIZADO</button>
</div>
<div class="col-sm">
<button type="button" class="btn btn-primary bot-click" id="G" onclick="botaoClicado(this.id)">CLIENTE REAGENDOU</button>
</div>
</div>
</div>
Existem esses botões, e o usuário pode clicar em um botão, mas ele pode mudar de escolha e clicar em outro, nisso a cor do anterior clicado deve voltar ao normal e o novo clicado mude de cor.
JS
var bot = window.idBotaoClicado
function botaoClicado(e) {
bot = e
document.querySelector('.bot-click').style.background = 'Red'
}
Fiz esse código, mas por alguma razao ele sempre acaba pegando o botão clicado e também o primeiro botão.
radio
?