Как сделать чтобы кнопка при клике добавляла класс другому объекту(без jQuery)?

Question

[Nastyuuuushka]

нужно чтобы при клике менял цвет другой объект а не именно кнопка

Answer 1

[napa3um]

CSS:
.colored { color: red; }

HTML:

<button id="button">click me</button>
<p id="target">target element</p>

JS:

var button = document.getElementById('button');
var target = document.getElementById('target');
button.addEventListener('click', function(){
    target.classList.toggle('colored'); // или target.classList.set('colored'), чтобы кнопка только включала стиль, но не выключала его
});

Answer 2

[creatoroftheworld]

var button = $("#button"), object = $("#object");
button.on("click", function(){
    object.toggleClass("changedColor");
});

Comments

[Nastyuuuushka]

без jquery нет варианта? Я с библиотекой тоже могу а вот без неё запуталась(