Урок 30 · JavaScript

clipboard.writeText и запасной путь

Адрес урока или номер заказа удобно копировать одной кнопкой.

Почему это следующий шаг

Ошибка сети уже объяснена. Следующее маленькое действие не ходит на сервер: оно кладёт текст в буфер.

Как сделать

По клику возьми текст из атрибута или из соседнего элемента и передай в navigator.clipboard.writeText. Функция асинхронная: дождись её и затем напиши на кнопке «Скопировано» на пару секунд. Если вызов не удался, оставь текст выделенным в поле, чтобы человек скопировал его сам.

await navigator.clipboard.writeText(code.textContent);
button.textContent = "Скопировано";

Что проверить

• Кнопка копирует именно видимый код.
• Подпись кнопки подтверждает успех.
• При отказе браузера текст можно выделить руками.