Implement sorting functionality for Pokémon by number and name in ascending and descending order

This commit is contained in:
vista-man
2025-03-26 09:50:39 +01:00
parent 4ad8093682
commit 0f15c3b74c
3 changed files with 63 additions and 23 deletions

View File

@@ -52,16 +52,39 @@
<div>
<input
type="radio"
id="number"
id="number-asc"
name="filters"
value="number"
value="number-asc"
checked
/>
<label for="number" class="body3-fonts">Number</label>
<label for="number-asc" class="body3-fonts">Number (Lowest to Highest)</label>
</div>
<div>
<input type="radio" id="name" name="filters" value="name" />
<label for="name" class="body3-fonts">Name</label>
<input
type="radio"
id="number-desc"
name="filters"
value="number-desc"
/>
<label for="number-desc" class="body3-fonts">Number (Highest to Lowest)</label>
</div>
<div>
<input
type="radio"
id="name-asc"
name="filters"
value="name-asc"
/>
<label for="name-asc" class="body3-fonts">Name (A-Z)</label>
</div>
<div>
<input
type="radio"
id="name-desc"
name="filters"
value="name-desc"
/>
<label for="name-desc" class="body3-fonts">Name (Z-A)</label>
</div>
</div>
</div>