<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Копирование текста</title>
</head>
<body>
<div id="container">
<!-- Тег code с содержимым -->
<code><span id="copy-text">Это текст внутри тега</span></code>
</div>
<script>
// Функция для копирования текста
function copyCode() {
// Получаем элемент с содержимым
const textToCopy = document.getElementById('copy-text').textContent;
// Создаем временный элемент input
const tempInput = document.createElement('input');
tempInput.value = textToCopy;
// Добавляем временный элемент в DOM
document.body.appendChild(tempInput);
// Выделяем текст и копируем его в буфер обмена
tempInput.select();
document.execCommand('copy');
// Удаляем временный элемент
document.body.removeChild(tempInput);
alert('Код успешно скопирован!');
}
// Навешиваем обработчик события на тег code
const container = document.getElementById('container');
container.addEventListener('click', copyCode);
</script>
</body>
</html>