How to trigger the in-focus state of a button when another button is focused or has focus?

Question

View reference

When a (button) library name is selected or clicked, I want the next inactive button to become active (turn bright red).

I googled and found that there is a (blur) and (focus) event in angular

Answer 1

You can disable and enable buttons via JavaScript:

const normalButton = document.querySelector('.normal');
const disabledButton = document.querySelector('.disabled');

disabledButton.disabled = true;

normalButton.addEventListener("click", ()=> {
    disabledButton.disabled = false;
})

Click on 'aaaa' button to enable the other button
aaaa
bbbb