javascript - 選択するとボタンの色が変わる

Question

1 つの HTML ページに 10 個のボタンがあります。ボタンが選択されたときに、JavaScript を使用して特定のボタン (ボタン 1) の色を変更したいと考えています。ユーザーが別のボタン (ボタン 2) をクリックすると、そのボタンの色が変わり、最初に選択したボタン (ボタン 1) の選択が解除されます。

Answer 1

選択したボタンに別の CSS クラスを定義できます。

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

次に、ボタンがクリックされたときに、次のように関数を呼び出すことができます。

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

これを HTML に追加します

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