How do I press, click (onclick = "") to ask, transfer and sort text?

Question

There is such a script to sort the text entered by the user:

var words = prompt('Введите произвольный текст: ').split(' '); function sortingWords(words) { for (var i = 0; i < words.length-1; i++) { for (var j = 0; j < words.length-1-i; j++) { if (words[j+1] < words[j]) { var t = words[j+1]; words[j+1] = words[j]; words[j] = t; } } } console.log(words) }

In general, I can’t figure out how to make a button click (onclick = ""), first ask the text, then transfer the entered text to the function, well, output the sorted array

@Grundy: var words = prompt('Введите произвольный текст: ').split(' ');
Why I clarify, suspicions creep in that the author wants to sort them by word length.
@Olegg Degtev, well, so this thing in question is used, lines are compared in cycles, according to the rules of string comparison.
@Grundy: I thought the author had a problem with sorting itself.

user200141 user200141 682 four sixteen · Accepted Answer · 2016-04-01T08:19:08

A small addition to the answer @Romario, sorted by word length (If necessary).

To sort by word length you can use .sort() .

 function sortingWords(words) { return words.sort(function(a , b) { return a.length > b.length ? 1 : -1; }); console.log(words) }

It remains to decide that it is necessary to do with repeated spaces, punctuation marks and special characters, since all of them will be taken into account.

Answer 2 · 2016-04-01T07:46:22

  function myFunc() { // обработчик события var words = prompt('Введите произвольный текст: ') .replace(/[.!\?,;:()]/g, "") // убираем из текста ненужные символы .split(/\s+/) // получаем массив слов .sort(function (a, b) { // сортируем, без учета регистра (можно просто sort(), но это будет case sensitive) return a.toLowerCase().localeCompare(b.toLowerCase()); }); document.body.innerText = JSON.stringify(words); // можно просто console.log() или вернуть } document.getElementById('btn').addEventListener('click', myFunc);

 <button id="btn">Click Me!</button>

with .split(' ') , additional phantom array elements from empty lines appear if several spaces are entered.
@Sergiks, you propose to use the regular schedule (/ \ s + /)?
@Sergiks agrees, plus everything in the function that the author cited, in this case, when breaking a word, there will be punctuation marks and other characters.
in sorted form it will look like ["дела?", "как", "Привет,"] .
As I understand it, the author had a question about how to bind his function to an event.
@Sergiks in your version of JSON.stringify() is case sensitive accordingly will be ["Привет,","дела?","как"] .
@Romario, in the above JSON.stringify() code, JSON.stringify() simply serializes an object / array into JSON - it doesn’t affect the output order in any way

How do I press, click (onclick = "") to ask, transfer and sort text?

2 answers 2

More articles: