Button color change when selected

Question

I have 10 buttons in one HTML page. I want to use JavaScript to change particular button (button 1) color when button is selected. When user click another button (button 2) the color of that button is should change and first selected button (button 1) should be deselected.

Answer 1

You can define a different CSS class for selected button.

.button-selected {
    border: 2px solid red;
}

Then when a button is clicked, you can call the function like this:

function focusMe(button) {
    document.getElementsByClassName("button-selected")[0].className = "";
    button.className = "button-selected";
}

Add this to HTML

<button name="button1" onClick="focusMe(this);" />