1. Нам пригодится HTML для создания textarea и div, в которой будет выводиться сообщение о количестве слов. Например:
```html
```
2. Теперь в JavaScript мы будем следить за событием 'blur' на textarea, чтобы узнать, когда текстареа потеряет фокус.
```javascript
document.getElementById('textArea').addEventListener('blur', function() {
// код, который будет выполняться при потере фокуса
});
```
3. Внутри обработчика события мы можем получить текст из textarea и подсчитать количество слов в нем. Для этого разобьем текст на пробелы и посчитаем количество элементов в получившемся массиве.
```javascript
document.getElementById('textArea').addEventListener('blur', function() {
var text = this.value; // получаем текст из textarea
var wordArray = text.split(' '); // разбиваем текст на массив по пробелам
var wordCount = wordArray.length; // количество слов равно количеству элементов в массиве
// выводим сообщение о количестве слов
document.getElementById('wordCount').innerText = 'Количество слов: ' + wordCount;
});
```
4. Дополнительно, чтобы быть уверенными в правильности подсчета, можно выполнить проверку на наличие пустых слов. Если в массиве слов будет пустое слово, не будем его считать за слово. Также можно добавить проверку на отсутствие текста в textarea.
```javascript
document.getElementById('textArea').addEventListener('blur', function() {
var text = this.value.trim(); // получаем текст из textarea и удаляем лишние пробелы
var wordArray = text.split(' ').filter(function(word) {
return word !== ''; // удаляем пустые слова
});
var wordCount = wordArray.length;
// выводим сообщение о количестве слов
document.getElementById('wordCount').innerText = 'Количество слов: ' + wordCount;
});
```
Теперь, когда вы запустите этот код и введете текст в textarea, после потери фокуса появится сообщение о количестве слов введенного текста.
0,0(0 оценок)
Полный доступ
Позволит учиться лучше и быстрее. Неограниченный доступ к базе и ответам от экспертов и ai-bota
Оформи подписку
