Sort string based on user input using JavaScript [duplicate]

Question

The question is how to sort the letter in alphabetic order based on the input in a HTML input tag, then clicks a button to sort it, after click the button the input will move to a text area and is already sorted when button is click, so that button need to have the insert function and sorting function, now the input can be insert to the textarea but not sorted, thanks. Example of input: andwe output: adenw

i want to define my input as an element, and write onclick="sortstring(element of my input)" in button, but i dont know how to define and dont have a sort function yet.

How much research effort is expected of Stack Overflow users? — adiga
– adiga, Commented Nov 24, 2022 at 6:38

jeongjuyoung · Accepted Answer · 2022-11-24 06:43:08Z

1

function sortString() {
  const inputElement = document.getElementById('input');
  const sortResult = inputElement.value.split('').sort().join('');
  inputElement.value = sortResult;
  
}

<input id='input' type="text" value=''/>
<button onclick="sortString()">sort</button>

edited Nov 24, 2022 at 6:43

answered Nov 24, 2022 at 6:33

jeongjuyoung

343 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Barmar Over a year ago

The question asked how to do this with user input and a button that they click on. None of that is in your answer.

adiga · Accepted Answer · 2022-11-24 06:43:12Z

1

function sortString(str) {
  document.querySelector('#result').innerHTML = str.split('').sort().join('')
}

<input type='text' onkeyup='sortString(this.value)'>
<p id="result"></p>

edited Nov 24, 2022 at 6:43

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered Nov 24, 2022 at 6:35

Anirudh Singh

362 bronze badges

1 Comment

Barmar Over a year ago

Please put the sample code in a stack snippet so it can be executed.

Collectives™ on Stack Overflow

Sort string based on user input using JavaScript [duplicate]

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Linked

Related