Javascript 需要帮助按数字和名称排序列表吗

我试图通过名称a-z/z-a和/或使用下拉选项对列表中的某些项目进行排序。 价格使用

标记，名称使用标记

我环顾四周，但似乎没有多少人使用下拉菜单。 我不擅长JS…但我很想向你们大家学习

函数价格（）{
document.getElementById（“列表”）；
}
函数名（）{
document.getElementById（“列表”）；
}

排序

价格-低
价格-高
命名A-Z
名称Z-A

100亿美元
每小时7美元
每小时8美元
11美元F
5元
700万美元
6美元
9克
4I美元
10美元
5美元J
2美元E
3千美元
1.1升
12兹布
34澳元
56元甚高频
74美元
8650亿美元
35厘米
87CC美元
65美元前景
45YI美元
53WD美元
64千焦
53QE美元
74QK美元
72元

您应该将这些项目的列表存储在一个数组中，并动态附加它们。这将使您能够操作文档中的数据类型，而不是硬编码的值

这样做之后，您就可以使用本机方法来实现您想要的。另外，你被否决的原因是因为你提出了一个非常笼统的问题。要么更加具体，要么花更多时间学习必要的技术，以实现您的目标

功能价格（方向）{
//常数方向=e.目标值
//console.log（值）
//控制台日志（方向）
const ul=document.getElementsByTagName（'ul'）[0]
//拿到唯一的保险单
let items=ul.innerHTML
//将字符串行拆分为项目的arr，并且仅包括有效项目
items=items.split（“”）.filter（item=>item.includes（“$”））
items=items.map（item=>{
//console.log（项目）
item=item.split（“$”）[1]
常量[strPrice，otherString]=项拆分（“”）
const price=parseFloat（strPrice）
const name=otherString.split（“”）[1]
返回{price，name}
})
//console.log（items）//检查items的新arr
//通过比较item.price的浮动值进行排序
方向=='低'？
项目=项目。排序（（a，b）=>a.price>b.price）：
项目=项目。排序（（a，b）=>a.price{
li=document.createElement（'li'）
li.innerHTML=`
$${item.price}${item.name}
`
ul.儿童（李）
})
}
函数名（）{
document.getElementById（“列表”）；
}

排序

价格-低
价格-高
命名A-Z
名称Z-A

100亿美元
每小时7美元
每小时8美元
11美元F
5元
700万美元
6美元
9克
4I美元
10美元
5美元J
2美元E
3千美元
1.1升
12兹布
34澳元
56元甚高频
74美元
8650亿美元
35厘米
87CC美元
65美元前景
45YI美元
53WD美元
64千焦
53QE美元
74QK美元
72元