Как реализовать, чтобы при нажатии кнопка меняла цвет фона?

Question

[kamisarlapsha]

Привет, у меня есть две кнопки: Кнопка1 и Кнопка2. Надо, чтобы при нажатии на Кнопку1 она меня цвет фона, а при нажатии уже на Кнопку2, Кнопка 1 становилась прежней и Кнопка2 меняла цвет фона. И точно также наоборот. Пытался сделать через добавление класса к одной из кнопки, но не получилось. Заранее спасибо

$( document ).ready(function() {
  $('.lang-ru').click(function() {
     $('.ru').toggleClass('switch');
     return false;
  });
});

Comments

[Stalker_RED]

Лучше покажите свой код и опишите, что именно у вас не получилось, пока этот вопрос не удален с пометкой "это задание а не вопрос".
Было бы круто собрать пример на jsfiddle, например.

[kamisarlapsha]

Вот как то так пытался

$( document ).ready(function() {
  $('.lang-ru').click(function() {
     $('.ru').toggleClass('switch');
     return false;
  });
});

Answer 1

[Stalker_RED]

addClass() - добавить класс
siblings() - соседние элементы
removeClass() - убрать класс.

$('button').on('click', function(){
	$(this).addClass('active').siblings().removeClass('active')
})

https://jsfiddle.net/b6m31jay/

Comments

[kamisarlapsha]

Спасибо, получилось.

Answer 2

[Afatar]

var button1=document.getElementById('button1');
var button2=document.getElementById('button2');
button1.addEventListener('click',function(){
    this.style.backgroundColor='red';
});
button2.addEventListener('click',function(){
  button1.style.backgroundColor='green';
});

Comments

[kamisarlapsha]

Не подскажете, что делаю не так ?
https://jsfiddle.net/djKliter/nf5s6wgL/

[Afatar]

у элементов должен быть не класс а ID
<button id="button1">Кнопка1</button>

[Stalker_RED]

kamisarlapsha: Не понимаете разницу между class и id, например.

[Stalker_RED]

Afatar: на самом деле id там не нужен вовсе.

[Afatar]

голый JavaScript (в нашем случае) не умеет выбить элемент по классу. Такая запись не работает
document.getElementBy('.button1');
В JavaScript по классу можно выбирать так
document.getElementsByClassName('.classname');
Но это будет коллекция, с ней по другому работать придется, перебирать в цикле и вешать обработчики.
Если хочется выбирать по классу, то тогда нужно использовать Jquery.

[Stalker_RED]

Afatar: как же не умеет, если есть querySelector()?

[Afatar]

можно и так....

Answer 3

[lega]

https://jsfiddle.net/lega911/3rdfmbLb/