[html]<div id="guest">

<div class="rules"> привет!<br>
ты находишься на форуме по корее (вау?), где мы чиллим, отдыхаем, общаемся и играем всей дружной толпой. проходи, не стесняйся, мы тут рады всем, а особенно - тебе. хватай понравившуюся внешность, лови соигроков и погружайся вместе с нами в нашу уютную зону комфорта. в общем, чувствуй себя как дома!<br><br>

- за зарегистрированным профилем внешность держится три дня с возможностью продлиться ещё два раза по три дня;<br>
- за гостем или на "подумать" - сутки;<br>
- все даты указаны включительно;<br>
- придерживаем только с заполненным кодом;<br>
- дубли разрешены по согласованию с первым занявшим внешность.</div>

<div class= "boys">boys</div>
<div class="mal">
<br><b>★ за амс</b><br>
[solo] - park jaebeom<br>
[nct] - lee jeno<br>
[nct] - na jaemin<br>
[zb1] - park gunwook<br>

<br><b>до 27.05 </b><br>
[nct] - <a href="https://player.rusff.me/profile.php?id=406">lee donghyuck</a><br>
[actor] - <a href="https://player.rusff.me/profile.php?id=405">Aou Thanaboon</a><br>

</div>

<div class= "girls">girls</div>
<div class="fem">
<br><b>★ за амс</b><br>
[actress] Lee Ji-Eun <br>

<br><b>★ 27.05</b><br>
[kep1er] - <a href="https://player.rusff.me/profile.php?id=408">shen xiaoting</a><br>

<br>
<br>

</div>

<div class="code-generator">
    <div class="notification" id="result"></div>
    <div class="input-fields">
        <input type="text" id="type" placeholder="group | solo | actor/actress"><br>
        <input type="text" id="name" placeholder="name surname"><br>
        <input type="text" id="link" placeholder="ссылка_на_профиль"><br>
    </div>
    <button id="copyButton">скопировать код</button>
    <button id="copyWithoutLinkButton">скопировать без ссылки</button>
    <textarea id="hiddenTextarea" style="position: absolute; left: -9999px;"></textarea>
</div>

</div>

<script>
document.getElementById('copyButton').addEventListener('click', function() {
    const type = document.getElementById('type').value.trim();
    const name = document.getElementById('name').value.trim();
    const link = document.getElementById('link').value.trim();
    const resultElement = document.getElementById('result');
   
    if (!type || !name || !link) {
        resultElement.textContent = 'Пожалуйста, заполните все поля!';
        resultElement.classList.add('show');
        setTimeout(() => resultElement.classList.remove('show'), 2000);
        return;
    }
   
    const code = `[${type}] - <a href="${link}">${name}</a><br>`;
    copyToClipboard(code, resultElement);
});

document.getElementById('copyWithoutLinkButton').addEventListener('click', function() {
    const type = document.getElementById('type').value.trim();
    const name = document.getElementById('name').value.trim();
    const resultElement = document.getElementById('result');
   
    if (!type || !name) {
        resultElement.textContent = 'Пожалуйста, заполните тип и имя!';
        resultElement.classList.add('show');
        setTimeout(() => resultElement.classList.remove('show'), 2000);
        return;
    }
   
    const code = `[${type}] - ${name}<br>`;
    copyToClipboard(code, resultElement);
});

function copyToClipboard(code, resultElement) {
    const textarea = document.getElementById('hiddenTextarea');
   
    textarea.value = code;
    textarea.select();
   
    try {
        const successful = document.execCommand('copy');
        if (successful) {
            resultElement.textContent = '✓ код скопирован';
            resultElement.classList.add('show');
            setTimeout(() => resultElement.classList.remove('show'), 2000);
        } else {
            resultElement.textContent = 'Ошибка копирования';
            resultElement.classList.add('show');
        }
    } catch (err) {
        resultElement.textContent = 'Ошибка копирования';
        resultElement.classList.add('show');
    }
   
    if (navigator.clipboard) {
        navigator.clipboard.writeText(code).catch(function(err) {
            console.error('Clipboard API error:', err);
        });
    }
}
</script>[/html]