Сортировать список по цене и качеству HTML-JAVASCRIPT

Я хочу отсортировать список по цене и качеству (по возрастанию и по убыванию), нажимая кнопки.

Как вы можете видеть в этом примере, я использовал «data-x», чтобы присвоить продукту значение цены и качества.

Я не могу сделать в Javascript работающую функцию, возможно, есть способ лучше назначить цену и качество.

Не могли бы вы помочь мне создать функцию? Спасибо

<ul id = "list1">
   <li data-price = "25" data-quality = "8">Product1</li>
   <li data-price = "9" data-quality = "9">Product2</li>
   <li data-price = "17" data-quality = "6">Product3</li>
</ul>