Как сделать переключатель on/off без jQuery?

Нужна кнопка с переключателем, который бы при нажатии менял цвет бекграунда сайта.
  • Вопрос задан
  • 663 просмотра
Решения вопроса 1
coderisimo
@coderisimo Куратор тега JavaScript
Пригласить эксперта
Ответы на вопрос 1
@ITlatip
<body id="bgcol">
<button id="colour1" class="colours" data-color="black" >Чёрный</button> 
<button id="colour2" class="colours" data-color="#D8D8D8">Белый</button> 
</body>

var colourDiv = document.getElementById("bgcol"); 

var colours = document.getElementsByClassName('colours'); 

for(var i=0; i< colours.length; i++) { 
	
colours[i].addEventListener('click', function() { 
var color = this.getAttribute('data-color'); 
colourDiv.style.backgroundColor = color; 

}); }
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы