Получить значение текстовой области HTML с помощью JavaScript

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

Метод 1. Использование свойства value

<textarea id="myTextArea"></textarea>
<button onclick="getValue()">Get Value</button>
<script>
  function getValue() {
    var textArea = document.getElementById("myTextArea");
    var value = textArea.value;
    console.log(value);
  }
</script>

Метод 2: использование манипуляций с DOM

<textarea id="myTextArea"></textarea>
<button onclick="getValue()">Get Value</button>
<script>
  function getValue() {
    var textArea = document.getElementById("myTextArea");
    var value = textArea.innerHTML;
    console.log(value);
  }
</script>

Метод 3. Использование библиотеки jQuery

<textarea id="myTextArea"></textarea>
<button onclick="getValue()">Get Value</button>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  function getValue() {
    var value = $("#myTextArea").val();
    console.log(value);
  }
</script>

Эти методы позволяют получить значение, введенное в текстовую область, с помощью JavaScript. Вы можете выбрать метод, который соответствует вашим предпочтениям или соответствует библиотекам, которые вы уже используете в своем проекте.