После вычисления количества слов я не могу изменить размер элемента текстовой области без CSS

#javascript #html

#javascript #HTML

Вопрос:

Я хотел бы изменить его размер вокруг row = 4, col = 50. До того, как я добавил JS, он изменял размер без проблем, но с тех пор он не будет изменять размер.

HTML:

 <html>

<head>
  <title>Process Form Text</title>

  <script src="process.js"></script>
</head>

<body>
  <h1>Type Your Words In The Text Area Below</h1>

  <textarea id="myText" row="10" col="50" style="text-transform: uppercase" onkeyup="countWords(this);"></textarea>
  <br>
  <span id="wordCount"></span>
  <span id="charCount"></span>

</body>
</html>
  

JS:

 function countWords(self) {
  var spaces = self.value.match(/S /g);
  var words = spaces ? spaces.length : 0;

  document.getElementById("wordCount").innerHTML = words   " words";
}
  

Комментарии:

1. Я загрузил ваш код в codepen, и текстовая область изменяется с помощью курсора и через HTML как с помощью JS, так и без него. Есть ли какой-либо другой код, который вы здесь не включили, который может вызвать эту проблему?

Ответ №1:

Это должно быть

строки = «10» cols =»50″

Вместо

строка = «10» col =»50″