Добрый день! Нужно, при клике на цвет, менять телефон. Подскажите пожалуйста, как это сделать?
Дело в том, что я не знаю:
1 - как связать определённую кнопку с определённым элементом(можно по цвету)
2 - как написать правильно функцию, которую запускает обработчик onclick и которая должна добавить класс active с display:block
<div class="position">
<img src="img/1.png" class="tel active"> /* tel = display:none, а класс active = display:block;
<img src="img/2.png" class="tel">
</div>
<div class="margin"></div>
<div class="btn_block">
<img src="img/btn_1.png" class="button">
<img src="img/btn_2.png" class="button">
</div>
я нашел javascript в интернете, но у меня не получилось её совместить с моим кодом
<code lang="javascript">
var elems = [document.querySelectorAll(".position .tel"),
document.querySelectorAll(".btn_block .button")];
[].forEach.call(elems[0], function(el, indx) {
el.onclick = function() {
var active = document.querySelectorAll(".active");
for (var i = 0; i < active.length; i++) {
active[i].classList.remove("active");
elems[i][indx].classList.add("active")
}
return false
}
});
</code>
