Содержание
Салют коллеги и читатели моего блога! Сегодня возникла задача – сделать у кнопки некий функционал, который будет менять текст при клике на нее же. Конечно, можно и клик добавить и на любой другой элемент и показывать какой-либо текст где-то еще, но задача стояла другая.
Для чего это?
Возможно вы видели на сайтах кнопку «Скопировать» какой-то определенный контент и по клику на нее, в ней меняется текст к примеру, на «Текст скопирован». Вот как раз, такой функционал в данной статье и будем реализовывать.
Читайте также:
- GEO: автоопределение города и вывод информации по условию jQuery
- Скрываем элемент: удаление класса по клику в любом месте страницы
- Как с помощью jQuery добавить атрибут к элементу при клике
Что нужно?
Нам всего лишь потребуется немного html и небольшой скрипт, который как раз и предоставляет нам это волшебство. Думаю, что подробно расписывать, что к чему не имеет смысла, скрипт небольшой и разобраться в нем пару минут.
Пример на Codepen
Волшебство в реале, смотрим на Codepen.
codepen.io/CmsWp/pen/oNjpqbo
Задачи в сфере веб строительства бывают очень уж разные и надеюсь, что это решение кому-то пригодится.
На сегодня все, до логического завтра!
