Zmiana tła aktywnego przycisku. Javascript

0

Witam. Problem wydaje się dość prosty. Mam na stronie 4 przyciski, i kiedy wcisnę jeden, chcę aby jego tło zmieniło kolor. Kiedy przycisnę drugi przycisk, aby ten 1wszy wrócił do normy, natomiast drugiego tło zostało zmienione.

Brakuje mi elementu który pozwoli na zmianę tła przycisku. Załóżmy nawet, że mam 2 przyciski.
Da się to w jakiś łatwy sposób rozwiązać? Google znajdują tylko odpowiedź jak zmieniać tło dokumentu/strony po przyciśnięciu przycisku, a nie tła samego przycisku :/

Chodzi mi o najzwyczajniejszy button
<button onclick="zmianakoloru()" type=button style="background-color:#fafafa;">Przycisk</button>

1

Tło przycisku zmienia się tak jak to napisałeś, w css poprzez background-color albo samo background. To u Ciebie nie działało? Napisałem przykładzik na szybko i działa elegancko :)

<!DOCTYPE html>
<html>
<head>
  <title>...</title>
  <style>
    button {
      border: 1px solid #000;
      background: #fff;
      color: #000;
    }
    
    button.active {
      border: 1px solid #fff;
      background: #000;
      color: #fff;
    }
  </style>
  <script>
    onload = function() {
      var buttons = document.querySelectorAll("#buttonList button"), prevButton;
      for (var i = 0; i < buttons.length; i++) {
        buttons[i].onclick = function() {
          if (prevButton)
            prevButton.className = "";
          
          this.className = "active";
          prevButton = this;
        }
      }
    }
  </script>
  
</head>
<body>
  <div id="buttonList">
    <button>Turn off the world</button>
    <button>Reset universe</button>
    <button>Call the Super Unicorn</button>
  </div>
</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1