Чтобы создать кнопку, добавляющую текст в текстовую область, вы можете использовать несколько методов. Вот несколько вариантов:

1. JavaScript/jQuery:

   • Добавьте прослушиватель событий к кнопке, которая запускает функцию.
   • В функции извлеките текст из текстовой области, используя его идентификатор.
   • Объедините новый текст с существующим значением текстовой области.
   • Вставьте измененный текст обратно в текстовую область, используя его идентификатор.

   Пример:

   <textarea id="myTextarea"></textarea>
   <button onclick="addText()">Add Text</button>
   <script>
    function addText() {
      var textarea = document.getElementById("myTextarea");
      var newText = "New text to add";
      textarea.value += newText;
    }
   </script>

2. JavaScript с манипуляциями с DOM:

   • Используйте document.createElement, чтобы создать элемент кнопки.
   • Используйте appendChild, чтобы добавить кнопку в нужное место документа.
   • Добавьте прослушиватель событий к кнопке, которая запускает функцию.
   • В функции извлеките текст из текстовой области, используя его идентификатор.
   • Объедините новый текст с существующим значением текстовой области.
   • Вставьте измененный текст обратно в текстовую область, используя его идентификатор.

   Пример:

   <textarea id="myTextarea"></textarea>
   <script>
    var button = document.createElement("button");
    button.innerText = "Add Text";
    button.addEventListener("click", addText);
    document.body.appendChild(button);
    function addText() {
      var textarea = document.getElementById("myTextarea");
      var newText = "New text to add";
      textarea.value += newText;
    }
   </script>

3. jQuery:

   • Добавьте прослушиватель событий к кнопке с помощью метода on.
   • В функции обработчика событий используйте метод valдля получения значения текстовой области.
   • Объедините новый текст с существующим значением текстовой области с помощью оператора +=.
   • Вставьте измененный текст обратно в текстовую область с помощью метода val.

   Пример:

   <textarea id="myTextarea"></textarea>
   <button id="myButton">Add Text</button>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script>
    $(document).ready(function() {
      $("#myButton").on("click", function() {
        var textareaValue = $("#myTextarea").val();
        var newText = "New text to add";
        $("#myTextarea").val(textareaValue + newText);
      });
    });
   </script>