[hideprofile][html]

<table class="tbgen">
    <tr>
        <td width="50%">

<div class="zqprof">
<!-- Таблица для размещения форм ввода -->

            <form id="form1">
                <label for="text1">Анкета героя:</label>
                <input class="input-prof" type="text" id="text1" name="text1" placeholder="Ссылка на анкету">
            </form>

            <form id="form2">
                <label for="text2">Раса героя:</label>
                <input class="input-prof" type="text" id="text2" name="text2" placeholder="Раса">
            </form>

            <form id="form3">
                <label for="text3">Возраст героя:</label>
                <input class="input-prof" type="text" id="text3" name="text3" placeholder="Возраст со словами лет/года (н/р, 15 лет)">
            </form>

            <form id="form4">
                <label for="text4">Род деятельности:</label>
                <input class="input-prof" type="text" id="text4" name="text4" placeholder="Деятельность героя, профессия, звание/титул">
            </form>

            <form id="form5">
                <label for="text5">Магические умения:</label>
                <input class="input-prof" type="text" id="text5" name="text5" placeholder="Все магические способности">
            </form>


<!-- Кнопки и текстовое поле для вывода результата -->
<button class="zprofil" onclick="generateHTML()">Сгенерировать</button>
<textarea class="textarea-prof" id="output-prof" rows="10" cols="50" readonly></textarea>

<button class="zprofil" onclick="copyText()">Скопировать</button>
<button class="zprofil" onclick="clearText()">Очистить код</button>

</div>

        </td>

        <td width="50%">

<div class="zqprof">essdfsd fsd ыва ы</div>

        </td>
    </tr>
</table>

<script>
// JavaScript функции остаются без изменений
function generateHTML() {
    var text1 = document.getElementById("text1").value;
    var text2 = document.getElementById("text2").value;
    var text3 = document.getElementById("text3").value;
    var text4 = document.getElementById("text4").value;
    var text5 = document.getElementById("text5").value;

    if (text1 === '' || text2 === '' || text3 === '' || text4 === '' || text5 === '') {
        document.getElementById("output-prof").value = "Для получения кода, пожалуйста, заполните все поля!";
    } else {
        var htmlCode = '<div>' + text1 + '</div>' + '<div>' + text2 + '</div>' + '<div>' + text3 + '</div>' + '<div>' + text4 + '</div>' + '\nАнкета: <div><span style="color: red;">' + text5 + '</span></div>';
        document.getElementById("output-prof").value = htmlCode;
    }
}

function copyText() {
    var output = document.getElementById("output-prof");
    output.select();
    document.execCommand("copy");
}

function clearText() {
    document.getElementById("output-prof").value = "";
}
</script>

[/html]