Как по клику кнопки изменить ее надпись и цвет?

Question

[Анастасия]

Есть кнопка "добавить в избранное", как сделать так, что при бы ее нажатии, менялась надпись на "удалить из избранного" и менялся ее цвет? Вот как я начала это реализовывать, правильно ли хз:

<button id="addtofavorites" class="btn-blue btn-addtofavorites" type="button " name="button"> добавить в избранное</button>

Template.viewprofilepage.events({
  "click .btn-addtofavorites"(event, instance){
    event.preventDefault();
   
  }
})

Answer 1

[s-jet]

На чистом JS что-то тип того https://jsfiddle.net/wrabatog/
И event.preventDefault(); при клике, наверное, тут не нужен, вы же собираетесь по нему что-то делать)

Comments

[Анастасия]

Спасибо!

Answer 2

[Анатолий]

Например, вот так.
Не забудьте подключить JQuery.

Comments

[Neyury]

Зачем ради смены текста и цвета подключать целую библиотеку, в которой уже нет такой сильной необходимости как раньше? Чем плох современный JS?

[Анатолий]

Neyury, рассчитывалось на то, что библиотека уже используется

[Neyury]

Анатолий, если так, то разумно, просто странно звучит "не забудьте подключить JQuery", тогда логичнее было бы "Если в проекте присутствует JQuery