Javascript пытаюсь подсчитать много пробелов, как один — в textarea, но не получается. Почему так?

Question

[sorry_i_noob]

Здравствуйте. Почему скрипт работает не так, как я ожидаю? Попробуйте написать один символ, потом много пробелов и еще один символ. Пробелы зачтутся ВСЕ. А мне нужно, чтобы зачелся только один.
https://jsfiddle.net/49pemc0x/

Answer 1

[0xD34F]

.replace('/\s\s+/g', ' ')

Неправильно определяете регулярное выражение - кавычки не нужны.
Нет необходимости дублировать \s.
Есть иные способы помимо replace избавиться от повторяющихся пробелов.

document.querySelector('#text').addEventListener('input', e => {
  const value = e.target.value.trim();
  const output = document.querySelector('#output');

  output.textContent = value.replace(/\s+/g, ' ').length;
  // или
  output.innerText = value.split(/\s+/).join(' ').length;
  // или
  output.innerHTML = ''.concat(...(value.match(/\S+\s?/g) || [])).length;
});

Answer 2

[coderisimo]

Да кавычки не нужны!
И куча лишнего кода )) Вот этого достаточно :

$('#text').on('input', function() {
  var string = $(this).val(); 
  string =  string.replace(/\s+/g, ' ').trim();
  $('#output').text(string.length);
});

зачем два раза обрабатывать строку?