Несколько значений массива из 1 input

157
31 марта 2019, 07:10

задача простыми словами:
Есть пустой массив.
Есть инпут и кнопка.

-Пользователь вводит ПРЕДЛОЖЕНИЕ в инпут (Например: Привет! Как дела?)
-Нажимает кнопку
-В массив записывает ТРИ значения "привет!" "как" "дела?" (без пробелов. и желательно еще и без знаков :), но пока хотя бы просто без пробелов).

Понимаю как передать общее значение.

В принципе понимаю как передать по 1 символу в значения.
А как заставить его понимать слова по отдельности?
Спасибо.

Answer 1

Javascript

document.getElementById("btn_test").addEventListener("click", function() { 
  let ar = document.getElementById("test").value.split(' '); 
  let ar2 = ar.map(function(name) { 
    return name.replace(/[^а-яё]/gi, ''); 
  }); 
  console.log(ar2); 
});
<input type="text" id="test"> 
<button type="button" id="btn_test">Тест</button>

Jquery

$("#btn_test").on("click", function() { 
  let ar = $("#test").val().split(' '); 
  let ar2 = ar.map(function(name) { 
    return name.replace(/[^а-яё]/gi, ''); 
  }); 
  console.log(ar2); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="text" id="test"> 
<button type="button" id="btn_test">Тест</button>

Документация:

  • split()
  • map()
  • replace()
READ ALSO
Невозможно экспортировать таблицу mysql в csv

Невозможно экспортировать таблицу mysql в csv

Вот хочу экспортировать данные из таблицы:

141
Как поменять цвет SVG иконки

Как поменять цвет SVG иконки

Имеется иконка в с расширениеsvg, прописал её в теге <img src="">

190
Разработка на Grid для IE 11

Разработка на Grid для IE 11

Возникла проблема при проверке сайта на кроссбраузерность: блоки для layout были размещены при помощи grid, во всех браузерах работает корректно,...

163
Текущая дата и время datetime-local

Текущая дата и время datetime-local

Нужно что в элементе datetime-local отображалась текущая дата и время типа значения по умолчанию как это реализовать?

168