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

Метод 1. Использование JavaScript и прослушивателя событий ввода

const textarea = document.getElementById('myTextarea');
const maxLines = 5; // Maximum number of lines
textarea.addEventListener('input', function() {
  const lines = textarea.value.split('\n');
  if (lines.length > maxLines) {
    textarea.value = lines.slice(0, maxLines).join('\n');
  }
});

Метод 2. Использование JavaScript и прослушивателя событий “keydown”

const textarea = document.getElementById('myTextarea');
const maxLines = 5; // Maximum number of lines
textarea.addEventListener('keydown', function(e) {
  const lines = textarea.value.split('\n');
  if (e.key === 'Enter' && lines.length >= maxLines) {
    e.preventDefault(); // Prevent adding a new line
  }
});

Метод 3. Использование CSS и техники «Зажим строки текстового поля»

textarea {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5; /* Maximum number of lines */
}

Метод 4. Использование библиотеки JavaScript, такой как autosize.js ( https://www.jacklmoore.com/autosize/ )
Autosize.js — это облегченная библиотека, которая автоматически регулирует высоту текстовой области в зависимости от ее содержимого. Установив максимальную высоту, вы можете ограничить количество строк.