li 要素の数字をドラッグ移動させて並べ替えることができます。

(2022/02-2024/03)
動作     : Edge120, Firefox120, Chrome119
動作せず : IE11 (Element.afterがない)

◎ノート
・li 要素に draggable="true" を入れる。
・li 要素にドロップを受け入れる処理を付ける。
  ドロップされた li 要素をドロップ受けた li の隣 (liの後) に移動する。

・Element.after(Node)
   Element の後に Node を挿入する。

・MDN: Document: drag イベント
・MDN: ドラッグ操作