Tenho uma linha com vários links, cada link é uma letra do abecedário, gostava de saber se há alguma forma de quando eu clico numa letra mudal o estilo ou apenas tornar o link active sem dar refresh na página.
Esta é a linha com os links
O meu código é este:
<div class="row pl-0 ml-0 rowPesquisa justify-content-center">
<div class="text-center ml-0 pl-0 colPesquisa">
<a href="#" class="">A</a>
<a href="#" class="">B</a>
<a href="#" class="">C</a>
<a href="#" class="">D</a>
<a href="#" class="">E</a>
<a href="#" class="">F</a>
<a href="#" class="">G</a>
<a href="#" class="">H</a>
<a href="#" class="">I</a>
<a href="#" class="">J</a>
<a href="#" class="">K</a>
<a href="#" class="">L</a>
<a href="#" class="">M</a>
<a href="#" class="">N</a>
<a href="#" class="">O</a>
<a href="#" class="">P</a>
<a href="#" class="">Q</a>
<a href="#" class="">R</a>
<a href="#" class="">S</a>
<a href="#" class="">T</a>
<a href="#" class="">U</a>
<a href="#" class="">V</a>
<a href="#" class="">W</a>
<a href="#" class="">X</a>
<a href="#" class="">Y</a>
<a href="#" class="">Z</a>
</div>
</div>