回答編集履歴

  `[...document.querySelectorAll('li:not(.pressed)')].map(li => Number(li.textContent))` を評価すると未選択の `<li>` のテキストを数値に直した配列が得られます。この配列をソートして最小の値を取り出して、クリックされた `<li>` のテキストを数値に直したものと比較して、一致したときだけ `pressed` クラスを足せば良いでしょう。

 

  または、グローバルに `[0, 1, 2, 3]` を入れた変数を用意しておき、この最初の要素とクリックされた `<li>` の内容を比較して一致したら変数の先頭を削除する、でもいいですね。