Как в в html c помощью JavaScript присвоить переменной введенный текст?

200

13 апреля 2022, 08:00

Вычитал что это делается через свойство value. Но я не разобрался что и куда прописать?

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег</title>
 </head>
 <body>
  <form action="textarea1.php" method="post"></form>
    <p ><b>Введите ваш отзыв:</b></p>
    <p><textarea rows="10" cols="45" name="text"value="myFunction().A"  ></textarea></p>
    <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

Answer 1

    document.addEventListener('DOMContentLoaded', function () {
        let text = document.getElementsByName('text')[0];
        text.addEventListener('input', function (t) {
            let p = document.getElementById('val');
            p.innerText = this.value;
        });
    })

<form action="textarea1.php" method="post"></form>
<p><b>Введите ваш отзыв:</b><br><b id="val"></b></p>
<p><textarea rows="10" cols="45" name="text"></textarea></p>
<p><input type="submit" value="Отправить"></p>
</form>

Answer 2

если хотите получить текст при нажатии на кнопку:

(для получения текста при его вводе надо уже на textarea отслеживать другие события)

function analyze() {
    let textarea = document.querySelector('.mytext');
    console.log(textarea.value);
}

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег</title>
 </head>
 <body>
  <form action="textarea1.php" method="post"></form>
    <p><b>Введите ваш отзыв:</b></p>
    <p><textarea class = 'mytext' rows="10" cols="45" name="text">Какой-то текст</textarea></p>
    <p><input type="submit" value="Отправить" onClick='analyze()'></p>
  </form>
 </body>
</html>

Answer 3

const form = document.querySelector('.form');
const textarea = form.querySelector('.textarea');
form.addEventListener('submit', e => {
  e.preventDefault();
  const value = textarea.value;
  console.log(value);
});

<form action="textarea1.php" class="form" method="post">
  <p><b>Введите ваш отзыв:</b></p>
  <p><textarea rows="5" cols="20" name="text" class="textarea"></textarea></p>
  <p><input type="submit" value="Отправить"></p>
</form>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как вставить переменную "i" из цикла for в html код на JQuery?

Имеется функция, где на страницу в блок #gallery добавляется некоторое кол-во div с классом blockКак сделать, чтобы в каждый из этих div дополнительно...

213

HTML