05.05.20

jQuery: смена текста в кнопке при клике и возврат на исходный

jQuery: смена текста в кнопке при клике и возврат на исходный

Салют коллеги и читатели моего блога! Сегодня возникла задача – сделать у кнопки некий функционал, который будет менять текст при клике на нее же. Конечно, можно и клик добавить и на любой другой элемент и показывать какой-либо текст где-то еще, но задача стояла другая.

Для чего это?

Возможно вы видели на сайтах кнопку «Скопировать» какой-то определенный контент и по клику на нее, в ней меняется текст к примеру, на «Текст скопирован». Вот как раз, такой функционал в данной статье и будем реализовывать.


Читайте также:


Что нужно?

Нам всего лишь потребуется немного html и небольшой скрипт, который как раз и предоставляет нам это волшебство. Думаю, что подробно расписывать, что к чему не имеет смысла, скрипт небольшой и разобраться в нем пару минут.

Пример на Codepen

Волшебство в реале, смотрим на Codepen.

Задачи в сфере веб строительства бывают очень уж разные и надеюсь, что это решение кому-то пригодится.

На сегодня все, до логического завтра!

Не забудь про опросник
Как зарабатываешь мешки с $ ?