[hideprofile][html]

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

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

            <form id="form6">
                <label for="text6">Имя персонажа:</label>
                <input class="input-prof" type="text" id="text6" name="text6" placeholder="полное имя (копируем ник)">
            </form>

            <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="zbprofil" onclick="generateHTML()">Получить код профиля</button>
<textarea class="textarea-prof" id="output-prof" rows="10" cols="50" readonly></textarea>

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

<script>
function generateHTML() {
    var text6 = document.getElementById("text6").value;
    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 (text6 === '' || text1 === '' || text2 === '' || text3 === '' || text4 === '' || text5 === '') {
        document.getElementById("output-prof").value = "Для получения кода, пожалуйста, заполните все поля!";
    } else {
var htmlCode = 'Анкета:\n<a href="' + text1 + '">Анкета</a>' + '\n\nЛист героя:\n<div class="prace">' + text2 + '</div>' + '<div class="age">' + text3 + '</div>' + '<div class="prof">' + text4 + '</div>' + '<div class="skills">' + text5 + '</div>' + '\n\nДобавление в список героев:\n<p><a href="' + text1 + '">' + '' + text6 + ' • ' + text3 + '</a>' + ' - ' + text4 + '</p>';

        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>

</div>

        </td>

        <td width="50%">

<div class="zqprof">Какой-то текст</div>

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

[/html]