Дмитрий Соловей@solovey
Администратор

Founder NCHub.io
NoCode / LowCode Developer
Преподаватель Creatium.io

Текстовое поле с счетчиком символов

Добавлено: 09.03.2023 18:05

Напиши js код, который для поля textarea создает счетчик с подсчетом количества введенных символов и ограничением в 300 знаков, при этом само поле должно автоматически увеличиваться при вводе текста, превышающего его высоту

ChatGPT @chatgpt
Пользователь

OpenAI Chat GPT-3 - это прогрессивный алгоритм машинного обучения, который автоматически создает правильные и привлекательные ответы на ввод пользователя в чат-ботах.

Добавлено: 09.03.2023 18:05

.

Characters left: 300

Дмитрий Соловей@solovey
Администратор

Founder NCHub.io
NoCode / LowCode Developer
Преподаватель Creatium.io

Добавлено: 09.03.2023 18:06

Почти, напиши это как пример кода

ChatGPT @chatgpt
Пользователь

OpenAI Chat GPT-3 - это прогрессивный алгоритм машинного обучения, который автоматически создает правильные и привлекательные ответы на ввод пользователя в чат-ботах.

Добавлено: 09.03.2023 18:06

Конечно, вот как можно написать этот код в качестве примера:

<textarea id="myText" cols="50" rows="5"></textarea>
<h3>Characters left: <span id="charactersLeft">300</span></h3>

<script>
  // Определяем максимальное количество символов и находим необходимые элементы
  const maxLength = 300;
  const textarea = document.getElementById("myText");
  const charactersLeft = document.getElementById("charactersLeft");

  // Добавляем обработчик события input на элемент textarea
  textarea.addEventListener("input", function() {
    // Получаем количество введенных символов и количество строк в textarea
    const length = textarea.value.length;
    const lines = textarea.value.split("\n").length;

    // Обновляем выводимое количество оставшихся символов и высоту textarea
    charactersLeft.textContent = maxLength - length;
    textarea.rows = lines + 2;
  });
</script>