Как мы num получаем, ведь в цикле есть только i и arr.length?

Question

[olya_097]

Дан инпут. В него вводится текст. По потери фокуса узнайте количество слов в этом тексте.

<input type="text" id="num" value="">
<p id="result"></p>  



var elem = document.getElementById('num');
elem.addEventListener('blur', func);

function func() {
	var num = 0;
	var str = elem.value;
	var arr = str.split(' ');
	for (var i = 0; i < arr.length; i++) {
		num += 1;
 	}
	var p = document.getElementById('result');
	p.innerHTML = num;
}

Comments

[kulaeff]

А нафига вообще цикл, если можно var num = str.split(' ').length?

[Дмитрий]

https://jsfiddle.net/soledar10/7mgprnxf/

Answer 1

[Сергей Соколов]

С каждым шагом цикла num увеличивается на 1.

Вообще цикл здесь не нужен. Вместо for{ ... } достаточно num = arr.length; или вообще всю функцию

сократить

function func() {
  var num = this.value.split(' ').length;
  document.getElementById('result').innerHTML = num;
}

Ещё хорошо бы отрезать лишние пробелы по краям строки и считать несколько пробелов как один:

function func() {
  var num = this.value.trim().split(/\s+/).length;
  document.getElementById('result').innerHTML = num;
}

Фиддл.

Comments

[olya_097]

i = arr.length по сути?

[Сергей Соколов]

olya_097, i=0, i=1, ... i = arr.length. И каждый раз num увеличивают на 1.

num += 1 это то же самое, что num = num + 1