如何使用javascript将textarea标记按字母顺序排序并输出到另一个textarea标记中？

我想知道如何使用javascript将

标记的内容按字母顺序排序，然后在另一秒内输出

标记。

在StackOverflow上有一些类似的问题，但是我不认为他们的任何答案都可以应用到我下面的代码中

这是我的密码：

.con{
显示器：flex；
边缘顶部：2倍；
左边距：20px；
}
.按钮{
背景#4CAF50；
边界：无；
大纲：无；
颜色：#ffffff；
填充：14px；
高度：60px；
宽度：140px；
边界半径：0 10px；
边际上限：0px；
字体大小：22px；
光标：指针；
}
.txt{
显示器：flex；
右边距：20px；
背景：#ffffff；
边界：0；
大纲：无；
高度：700px；
宽度：45%；
边界半径：10px；
盒影：0 4px 8px 0 rgba（141,105,105,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
边际上限：0px；
}
.文本{
边界：无；
边缘顶部：18px；
左边距：18px；
高度：660px；
宽度：630px；
大纲：无；
字体大小：22px；
调整大小：无；
}
A.阿西{
背景：#ffffff；
边界：0；
大纲：无；
高度：700px；
宽度：45%；
边界半径：10px；
盒影：0 4px 8px 0 rgba（141,105,105,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
}
.ascii{
边界：无；
边缘顶部：20px；
左边距：10px；
高度：660px；
宽度：640px；
大纲：无；
字体大小：22px；
调整大小：无；
}

字母排序机

首先，我将以

split（）

开头，将

textarea

元素的值放入一个数组中：

//拆分空格字符上的值
让wordsArr=document.querySelector（'#input'）.value.split（''）；

然后对数组进行排序：

wordsArr.sort（（a，b）=>{
const word1=a.toUpperCase（）；
const word2=b.toUpperCase（）；
if（word1word1）{
返回1；
}
/*如果这两个if语句都不起作用，那就意味着单词是
相同，可以保持在相同的位置*/
返回0；
};

然后将数组元素连接回单个字符串，并将其设置为另一个textarea的值：

document.querySelector（'#output'）。value=wordsArr.join（''）；

---

MDN引用：

首先，我将以

split（）

开头，将

textarea

元素的值放入一个数组中：

//拆分空格字符上的值
让wordsArr=document.querySelector（'#input'）.value.split（''）；

然后对数组进行排序：

wordsArr.sort（（a，b）=>{
const word1=a.toUpperCase（）；
const word2=b.toUpperCase（）；
if（word1word1）{
返回1；
}
/*如果这两个if语句都不起作用，那就意味着单词是
相同，可以保持在相同的位置*/
返回0；
};

然后将数组元素连接回单个字符串，并将其设置为另一个textarea的值：

document.querySelector（'#output'）。value=wordsArr.join（''）；

---

MDN参考：

我也会从split开始，但我们不要重新创造世界。您可以在4行函数中使用js数组排序、toString和replace方法

函数myFunction（）{
var text=document.getElementById（'input'）。值；
var textArray=text.split（“”.sort（）；
var output=document.getElementById（'output'）；
output.value=textArray.toString（）.replace（/，/g，“”）；
}

.con{
显示器：flex；
边缘顶部：2倍；
左边距：20px；
}
.按钮{
背景#4CAF50；
边界：无；
大纲：无；
颜色：#ffffff；
填充：14px；
高度：60px；
宽度：140px；
边界半径：0 10px；
边际上限：0px；
字体大小：22px；
光标：指针；
}
.txt{
显示器：flex；
右边距：20px；
背景：#ffffff；
边界：0；
大纲：无；
高度：700px；
宽度：45%；
边界半径：10px；
盒影：0 4px 8px 0 rgba（141,105,105,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
边际上限：0px；
}
.文本{
边界：无；
边缘顶部：18px；
左边距：18px；
高度：660px；
宽度：630px；
大纲：无；
字体大小：22px；
调整大小：无；
}
A.阿西{
背景：#ffffff；
边界：0；
大纲：无；
高度：700px；
宽度：45%；
边界半径：10px；
盒影：0 4px 8px 0 rgba（141,105,105,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
}
.ascii{
边界：无；
边缘顶部：20px；
左边距：10px；
高度：660px；
宽度：640px；
大纲：无；
字体大小：22px；
调整大小：无；
}

字母排序机

我也会从split开始，但我们不要重新创造世界。您可以在4行函数中使用js数组排序、toString和replace方法

函数myFunction（）{
var text=document.getElementById（'input'）。值；
var textArray=text.split（“”.sort（）；
var output=document.getElementById（'output'）；
output.value=textArray.toString（）.replace（/，/g，“”）；
}

.con{
显示器：flex；
边缘顶部：2倍；
左边距：20px；
}
.按钮{
背景#4CAF50；
边界：无；
大纲：无；
颜色：#ffffff；
填充：14px；
高度：60px；
宽度：140px；
边界半径：0 10px；
边际上限：0px；
字体大小：22px；
光标：指针；
}
.txt{
显示器：flex；
右边距：20px；
背景：#ffffff；
边界：0；
大纲：无；
高度：700px；
宽度：45%；
边界半径：10px；
盒影：0 4px 8px 0 rgba（141、105、10
document.forms.ID.oninput = inputHandler;
document.forms.ID.onclick = clickHandler;

function inputHandler(e) {...

/* 
- "this" is the form tag
- .elements is a property that collects all form type tags
*/
const field = this.elements;

 /*
 - e.target property always points to the tag a user has clicked, changed,   
   entered data upon, etc.
*/
const input = e.target;

/*
- Any input, output, textarea, etc you want to access just prefix the NodeList
  identifier (see first variable) to any form type tag #id or [name]
*/
const output = field.output;

if (e.target.id === 'input') {...
/* OR */
if (e.target.className === 'button') {...